From ed379013efae74e940c279afe9795d24b62b8df1 Mon Sep 17 00:00:00 2001
From: Eva Marco <evamarcod@gmail.com>
Date: Fri, 17 Oct 2025 10:21:22 +0200
Subject: [PATCH] :tada: Basic structure

---
 frontend/src/app/main/ui/ds.cljs              |  2 ++
 .../ui/ds/controls/token-input.stories.jsx    | 26 +++++++++++++++++++
 .../app/main/ui/ds/controls/token_input.cljs  | 18 +++++++++++++
 .../app/main/ui/ds/controls/token_input.mdx   | 12 +++++++++
 .../app/main/ui/ds/controls/token_input.scss  |  8 ++++++
 5 files changed, 66 insertions(+)
 create mode 100644 frontend/src/app/main/ui/ds/controls/token-input.stories.jsx
 create mode 100644 frontend/src/app/main/ui/ds/controls/token_input.cljs
 create mode 100644 frontend/src/app/main/ui/ds/controls/token_input.mdx
 create mode 100644 frontend/src/app/main/ui/ds/controls/token_input.scss

diff --git a/frontend/src/app/main/ui/ds.cljs b/frontend/src/app/main/ui/ds.cljs
index 0c17ed51b2..5633f9d6b2 100644
--- a/frontend/src/app/main/ui/ds.cljs
+++ b/frontend/src/app/main/ui/ds.cljs
@@ -13,6 +13,7 @@
    [app.main.ui.ds.controls.input :refer [input*]]
    [app.main.ui.ds.controls.numeric-input :refer [numeric-input*]]
    [app.main.ui.ds.controls.select :refer [select*]]
+   [app.main.ui.ds.controls.token-input :refer [token-input*]]
    [app.main.ui.ds.controls.utilities.hint-message :refer [hint-message*]]
    [app.main.ui.ds.controls.utilities.input-field :refer [input-field*]]
    [app.main.ui.ds.controls.utilities.label :refer [label*]]
@@ -64,6 +65,7 @@
     :Text text*
     :TabSwitcher tab-switcher*
     :Toast toast*
+    :TokenInput token-input*
     :Tooltip tooltip*
     :ContextNotification context-notification*
     :NotificationPill notification-pill*
diff --git a/frontend/src/app/main/ui/ds/controls/token-input.stories.jsx b/frontend/src/app/main/ui/ds/controls/token-input.stories.jsx
new file mode 100644
index 0000000000..6b481cccf8
--- /dev/null
+++ b/frontend/src/app/main/ui/ds/controls/token-input.stories.jsx
@@ -0,0 +1,26 @@
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this
+// file, You can obtain one at http://mozilla.org/MPL/2.0/.
+//
+// Copyright (c) KALEIDOS INC
+import * as React from "react";
+import Components from "@target/components";
+
+const { TokenInput } = Components;
+
+export default {
+  title: "Controls/Token Input",
+  component: TokenInput,
+  argTypes: {
+
+  },
+  args: {
+
+  },
+  parameters: {
+
+  },
+  render: ({ ...args }) => <TokenInput {...args} />,
+};
+
+export const Default = {};
\ No newline at end of file
diff --git a/frontend/src/app/main/ui/ds/controls/token_input.cljs b/frontend/src/app/main/ui/ds/controls/token_input.cljs
new file mode 100644
index 0000000000..48ef1436de
--- /dev/null
+++ b/frontend/src/app/main/ui/ds/controls/token_input.cljs
@@ -0,0 +1,18 @@
+;; This Source Code Form is subject to the terms of the Mozilla Public
+;; License, v. 2.0. If a copy of the MPL was not distributed with this
+;; file, You can obtain one at http://mozilla.org/MPL/2.0/.
+;;
+;; Copyright (c) KALEIDOS INC
+
+(ns app.main.ui.ds.controls.token-input
+   (:require-macros
+    [app.main.style :as stl])
+   (:require
+    [rumext.v2 :as mf]))
+
+  (mf/defc token-input*
+    [{:keys [] :rest props}]
+    [:div {:class (stl/css-case
+                   :wrapper true)}
+
+     "token-input* not implemented yet"])
diff --git a/frontend/src/app/main/ui/ds/controls/token_input.mdx b/frontend/src/app/main/ui/ds/controls/token_input.mdx
new file mode 100644
index 0000000000..25c17650f3
--- /dev/null
+++ b/frontend/src/app/main/ui/ds/controls/token_input.mdx
@@ -0,0 +1,12 @@
+{ /* This Source Code Form is subject to the terms of the Mozilla Public
+  License, v. 2.0. If a copy of the MPL was not distributed with this
+  file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+  Copyright (c) KALEIDOS INC */ }
+
+import { Canvas, Meta } from '@storybook/blocks';
+import * as TokenInputStories from "./token-input.stories";
+
+<Meta title="Controls/Token Input" />
+
+Todo
\ No newline at end of file
diff --git a/frontend/src/app/main/ui/ds/controls/token_input.scss b/frontend/src/app/main/ui/ds/controls/token_input.scss
new file mode 100644
index 0000000000..812f857ee3
--- /dev/null
+++ b/frontend/src/app/main/ui/ds/controls/token_input.scss
@@ -0,0 +1,8 @@
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this
+// file, You can obtain one at http://mozilla.org/MPL/2.0/.
+//
+// Copyright (c) KALEIDOS INC
+.wrapper {
+    background: red;
+}
\ No newline at end of file