@kosdev-code/base-ui-components 0.0.3 → 0.1.0

package/package.json

@@ -1,50 +1,41 @@
 {
   "name": "@kosdev-code/base-ui-components",
-  "version": "0.0.3",
-  "main": "./index.js",
+  "version": "0.1.0",
+  "main": "./index.cjs",
+  "module": "./index.js",
   "types": "./index.d.ts",
+  "type": "module",
   "exports": {
     ".": {
-      "import": "./index.js",
-      "require": "./index.cjs",
-      "types": "./index.d.ts"
+      "import": {
+        "types": "./index.d.ts",
+        "default": "./index.js"
+      },
+      "require": {
+        "types": "./index.d.cts",
+        "default": "./index.cjs"
+      }
     },
-    "./components": {
-      "import": "./components.js",
-      "require": "./components.cjs",
-      "types": "./components.d.ts"
-    },
-    "./helpers": {
-      "import": "./helpers.js",
-      "require": "./helpers.cjs",
-      "types": "./helpers.d.ts"
-    },
-    "./hooks": {
-      "import": "./hooks.js",
-      "require": "./hooks.cjs",
-      "types": "./hooks.d.ts"
-    },
-    "./styles": {
-      "import": "./styles.js",
-      "require": "./styles.cjs",
-      "types": "./styles.d.ts"
-    },
-    "./utils": {
-      "import": "./utils.js",
-      "require": "./utils.cjs",
-      "types": "./utils.d.ts"
-    },
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./style.css": "./style.css"
   },
   "peerDependencies": {
-    "@kosdev-code/kos-ui-sdk": "~2.0.3"
+    "@kosdev-code/kos-ui-sdk": "^2.0.3",
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.11.2",
+    "@floating-ui/react": "^0.26.10",
+    "react-hook-form": "^7.51.3",
+    "@tanstack/react-table": "^8.20.5"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
   "kos": {
     "build": {
-      "gitHash": "00c85a3c8bd86a79a8208e4146c9f9d59ce4b5f7"
+      "gitHash": "ea961085a88cec218b0287d7d5e710575a1a621e"
     }
   }
 }

package/style.css

@@ -1 +1 @@
-.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled{opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border-color:transparent;border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}
+.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient( var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50% );--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient( var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50% );--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled{opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}

package/styles/__deprecated__/old-styles/app-styles.d.ts

@@ -1,3 +1,3 @@
-export declare const scrollbarStyle: import('@emotion/utils').SerializedStyles;
-export declare const studioTheme: () => import('@emotion/utils').SerializedStyles;
+export declare const scrollbarStyle: import('@emotion/react').SerializedStyles;
+export declare const studioTheme: () => import('@emotion/react').SerializedStyles;
 //# sourceMappingURL=app-styles.d.ts.map

package/styles/__deprecated__/old-tokens/base/base-component.d.ts

@@ -1,3 +1,3 @@
-export declare const baseComponentStyles: import('@emotion/utils').SerializedStyles;
-export declare const componentStyles: import('@emotion/utils').SerializedStyles[];
+export declare const baseComponentStyles: import('@emotion/react').SerializedStyles;
+export declare const componentStyles: import('@emotion/react').SerializedStyles[];
 //# sourceMappingURL=base-component.d.ts.map

package/styles/__deprecated__/old-tokens/base/base-generic.d.ts

@@ -1,2 +1,2 @@
-export declare const baseGenericStyles: import('@emotion/utils').SerializedStyles;
+export declare const baseGenericStyles: import('@emotion/react').SerializedStyles;
 //# sourceMappingURL=base-generic.d.ts.map

package/styles/__deprecated__/old-tokens/base/base-semantic.d.ts

@@ -1,2 +1,2 @@
-export declare const baseSemanticStyles: import('@emotion/utils').SerializedStyles;
+export declare const baseSemanticStyles: import('@emotion/react').SerializedStyles;
 //# sourceMappingURL=base-semantic.d.ts.map

package/styles/__deprecated__/old-tokens/base/components/button/index.d.ts

@@ -1,2 +1,2 @@
-export declare const baseComponentStyles: import('@emotion/utils').SerializedStyles;
+export declare const baseComponentStyles: import('@emotion/react').SerializedStyles;
 //# sourceMappingURL=index.d.ts.map

package/styles/__deprecated__/old-tokens/base/components/kos-list/index.d.ts

@@ -1,2 +1,2 @@
-export declare const baseComponentStyles: import('@emotion/utils').SerializedStyles;
+export declare const baseComponentStyles: import('@emotion/react').SerializedStyles;
 //# sourceMappingURL=index.d.ts.map

package/styles/__deprecated__/old-tokens/base/components/kos-list-item/index.d.ts

@@ -1,2 +1,2 @@
-export declare const baseComponentStyles: import('@emotion/utils').SerializedStyles;
+export declare const baseComponentStyles: import('@emotion/react').SerializedStyles;
 //# sourceMappingURL=index.d.ts.map

package/styles/__deprecated__/old-tokens/base/components/kos-viewable-list-item/index.d.ts

@@ -1,2 +1,2 @@
-export declare const baseComponentStyles: import('@emotion/utils').SerializedStyles;
+export declare const baseComponentStyles: import('@emotion/react').SerializedStyles;
 //# sourceMappingURL=index.d.ts.map

package/styles/__deprecated__/old-tokens/index.d.ts

@@ -3,10 +3,10 @@ export * from './base';
  * @deprecated Components should be styled using new tokens. Once ant has been removed, and older components have been switched to the new token
  * system this will be deleted.
  */
-export declare const rootStyles: import('@emotion/utils').SerializedStyles;
+export declare const rootStyles: import('@emotion/react').SerializedStyles;
 /**
  * @deprecated Components should be styled using new tokens. Once ant has been removed, and older components have been switched to the new token
  * system this will be deleted.
  */
-export declare const getStyles: (temporaryThemeID?: "studio") => import('@emotion/utils').SerializedStyles[];
+export declare const getStyles: (temporaryThemeID?: "studio") => import('@emotion/react').SerializedStyles[];
 //# sourceMappingURL=index.d.ts.map

package/styles/tokens/common/local-token-helpers.d.ts

@@ -0,0 +1,166 @@
+/**
+ * Utilities for creating local component tokens in consuming applications.
+ *
+ * These helpers allow applications to extend the design token system with their own
+ * component tokens while maintaining consistency with the base library's patterns.
+ *
+ * @example
+ * ```typescript
+ * // my-app/src/styles/tokens/local-components/custom-card.ts
+ * import { getSemanticToken as st } from '@kosdev-code/base-ui-components/styles';
+ *
+ * export const CUSTOM_CARD_TOKENS = {
+ *   'custom-card': {
+ *     padding: st('spacing-16'),
+ *     'background-color': st('color-white'),
+ *     'border-color': st('color-grey20'),
+ *   },
+ * } as const;
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // my-app/src/styles/tokens/index.ts
+ * import { createLocalTokenSystem } from '@kosdev-code/base-ui-components/styles';
+ * import { CUSTOM_CARD_TOKENS } from './local-components/custom-card';
+ *
+ * const LOCAL_TOKENS = {
+ *   ...CUSTOM_CARD_TOKENS,
+ * } as const;
+ *
+ * export const {
+ *   getLocalComponentTokenHelpers,
+ *   localComponentTokenCss,
+ * } = createLocalTokenSystem(LOCAL_TOKENS);
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // my-app/src/components/custom-card/custom-card.tsx
+ * import { getLocalComponentTokenHelpers } from '../../styles/tokens';
+ *
+ * const [ct] = getLocalComponentTokenHelpers(['custom-card']);
+ *
+ * const StyledCard = styled.div`
+ *   padding: ${ct('padding')};
+ *   background-color: ${ct('background-color')};
+ * `;
+ * ```
+ */
+/**
+ * Type utility to extract token string keys from a token definition object.
+ */
+export type ExtractLocalTokenString<T> = T extends Record<string, infer U> ? U extends string ? U : never : never;
+/**
+ * Transforms a token object into CSS custom property declarations.
+ *
+ * @param tokens - Object mapping namespaces to token definitions
+ * @param prefix - CSS custom property prefix (default: 'studio-c')
+ * @returns Array of CSS custom property declarations
+ *
+ * @internal
+ */
+export declare const transformLocalTokenObject: (tokens: Record<string, Record<string, string>>, prefix?: string) => string[];
+/**
+ * Creates a complete local token system with typed helpers and CSS injection.
+ *
+ * This function generates the same API as the base library's component token system,
+ * allowing consuming applications to create their own component tokens that integrate
+ * seamlessly with the base design tokens.
+ *
+ * @param tokens - Local component token definitions
+ * @param options - Configuration options
+ * @param options.prefix - CSS custom property prefix (default: 'studio-c')
+ * @param options.cssRootSelector - CSS selector for token injection (default: ':root')
+ *
+ * @returns Object containing token helpers and CSS injection
+ *
+ * @example
+ * ```typescript
+ * const LOCAL_TOKENS = {
+ *   'custom-card': {
+ *     padding: 'var(--studio-s-spacing-16)',
+ *     bg: 'var(--studio-s-color-white)',
+ *   },
+ *   'custom-panel': {
+ *     width: '300px',
+ *     bg: 'var(--studio-s-color-grey10)',
+ *   },
+ * } as const;
+ *
+ * const {
+ *   getLocalComponentTokenHelpers,
+ *   localComponentTokenCss,
+ * } = createLocalTokenSystem(LOCAL_TOKENS);
+ *
+ * // Use in application root
+ * <Global styles={[
+ *   globalStudioTokenCss,
+ *   semanticStudioTokenCss,
+ *   componentStudioTokenCss,
+ *   localComponentTokenCss,  // ← Your local tokens
+ * ]} />
+ *
+ * // Use in components
+ * const [ct] = getLocalComponentTokenHelpers(['custom-card']);
+ * const StyledCard = styled.div`
+ *   padding: ${ct('padding')};
+ * `;
+ * ```
+ */
+export declare const createLocalTokenSystem: <T extends Record<string, Record<string, string>>>(tokens: T, options?: {
+    prefix?: string;
+    cssRootSelector?: string;
+}) => {
+    getLocalComponentTokenHelpers: <N extends readonly (keyof T)[]>(namespaces: [...N]) => { [Key in keyof N]: (key: ExtractLocalTokenString<T[N[Key]]>, asKey?: boolean) => string; };
+    localComponentTokenCss: import('@emotion/react').SerializedStyles;
+};
+/**
+ * Creates a typed token getter function for a single component namespace.
+ *
+ * Useful for quick components or when you don't need the full token system setup.
+ *
+ * @param namespace - Component namespace
+ * @param prefix - CSS custom property prefix (default: 'studio-c')
+ * @returns Typed token getter function
+ *
+ * @example
+ * ```typescript
+ * // Quick helper for a single component
+ * const ct = createLocalComponentHelper<'padding' | 'bg' | 'color'>('quick-widget');
+ *
+ * const StyledWidget = styled.div`
+ *   padding: ${ct('padding')};
+ *   background: ${ct('bg')};
+ *   color: ${ct('color')};
+ * `;
+ * ```
+ */
+export declare const createLocalComponentHelper: <TKeys extends string>(namespace: string, prefix?: string) => (key: TKeys, asKey?: boolean) => string;
+/**
+ * Creates CSS for injecting local component tokens inline or in specific scopes.
+ *
+ * Use this when you want to define tokens programmatically or scope them
+ * to specific parts of your application.
+ *
+ * @param tokens - Token definitions
+ * @param options - Configuration options
+ * @returns Emotion CSS object
+ *
+ * @example
+ * ```typescript
+ * // Scoped tokens for a specific section
+ * const ThemedSection = styled.div`
+ *   ${createLocalComponentTokenCss({
+ *     'custom-card': {
+ *       'background-color': 'var(--studio-s-color-grey10)',
+ *       'border-color': 'var(--studio-s-color-grey30)',
+ *     },
+ *   })}
+ * `;
+ * ```
+ */
+export declare const createLocalComponentTokenCss: (tokens: Record<string, Record<string, string>>, options?: {
+    prefix?: string;
+}) => import('@emotion/react').SerializedStyles;
+//# sourceMappingURL=local-token-helpers.d.ts.map

package/styles/tokens/common/local-token-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"local-token-helpers.d.ts","sourceRoot":"","sources":["../../../../../../../packages/libraries/base-ui-components/src/styles/tokens/common/local-token-helpers.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AAKH;;GAEG;AACH,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GACtE,CAAC,SAAS,MAAM,GACd,CAAC,GACD,KAAK,GACP,KAAK,CAAC;AAEV;;;;;;;;GAQG;AACH,eAAO,MAAM,yBAAyB,WAC5B,OAAO,MAAM,EAAE,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,sBAE7C,MAAM,EAKN,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,eAAO,MAAM,sBAAsB,6DAGzB,CAAC,YACA;IACP,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;gFA6Ba,CAAC,GAAG,CAAC,CAAC,2EAIR,OAAO,KACZ,MAAM;;CAoCd,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,0BAA0B,oCACH,MAAM,4BAClC,KAAK,UAAU,OAAO,WAC2B,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,4BAA4B,WAC/B,OAAO,MAAM,EAAE,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC,YACrC;IACP,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,8CAOF,CAAC"}

package/styles/tokens/component-tokens/badge/index.d.ts

@@ -0,0 +1,17 @@
+export declare const BADGE_TOKENS: {
+    badge: {
+        "color-blue": string;
+        "color-blue-border": string;
+        "color-red": string;
+        "color-red-border": string;
+        "color-white": string;
+        "color-white-border": string;
+        "color-black": string;
+        "color-black-border": string;
+        "color-orange": string;
+        "color-orange-border": string;
+        "color-green": string;
+        "color-green-border": string;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/styles/tokens/component-tokens/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/libraries/base-ui-components/src/styles/tokens/component-tokens/badge/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;CAexB,CAAC"}

package/styles/tokens/component-tokens/branded-header/index.d.ts

@@ -14,8 +14,7 @@ export declare const BRANDED_HEADER_TOKENS: {
         "border-bottom-color": string;
         "background-color": string;
         "column-gap": string;
-        "padding-x": string;
-        "padding-y": string;
+        padding: string;
         "badge-size": string;
         "badge-radius": string;
         "line-height": string;

package/styles/tokens/component-tokens/branded-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/libraries/base-ui-components/src/styles/tokens/component-tokens/branded-header/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;CA6BjC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/libraries/base-ui-components/src/styles/tokens/component-tokens/branded-header/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;CA4BjC,CAAC"}

package/styles/tokens/component-tokens/index.d.ts

@@ -131,8 +131,7 @@ export declare const COMPONENT_TOKENS: {
         "border-bottom-color": string;
         "background-color": string;
         "column-gap": string;
-        "padding-x": string;
-        "padding-y": string;
+        padding: string;
         "badge-size": string;
         "badge-radius": string;
         "line-height": string;
@@ -188,6 +187,20 @@ export declare const COMPONENT_TOKENS: {
         readonly "background-color-viewing": string;
         readonly gap: string;
     };
+    readonly badge: {
+        "color-blue": string;
+        "color-blue-border": string;
+        "color-red": string;
+        "color-red-border": string;
+        "color-white": string;
+        "color-white-border": string;
+        "color-black": string;
+        "color-black-border": string;
+        "color-orange": string;
+        "color-orange-border": string;
+        "color-green": string;
+        "color-green-border": string;
+    };
     readonly "radio-button": {
         readonly size: string;
         readonly "check-size": string;
@@ -429,6 +442,7 @@ export declare const COMPONENT_TOKENS: {
         footerGap: string;
         "border-width": string;
         "border-color": string;
+        "base-content-width": string;
     };
     readonly link: {
         "font-size-med": string;

package/styles/tokens/component-tokens/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/libraries/base-ui-components/src/styles/tokens/component-tokens/index.ts"],"names":[],"mappings":"AAsBA,OAAO,EAAc,QAAQ,EAAE,MAAM,OAAO,CAAC;AAmB7C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCnB,CAAC;AAEX,YAAY,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/libraries/base-ui-components/src/styles/tokens/component-tokens/index.ts"],"names":[],"mappings":"AAsBA,OAAO,EAAc,QAAQ,EAAE,MAAM,OAAO,CAAC;AAoB7C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CnB,CAAC;AAEX,YAAY,EAAE,QAAQ,EAAE,CAAC"}

package/styles/tokens/component-tokens/modal/index.d.ts

@@ -11,6 +11,7 @@ export declare const MODAL_TOKENS: {
         footerGap: string;
         "border-width": string;
         "border-color": string;
+        "base-content-width": string;
     };
 };
 //# sourceMappingURL=index.d.ts.map

package/styles/tokens/component-tokens/modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/libraries/base-ui-components/src/styles/tokens/component-tokens/modal/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;CAcxB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/libraries/base-ui-components/src/styles/tokens/component-tokens/modal/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;CAexB,CAAC"}

package/styles/tokens/index.d.ts

@@ -3,8 +3,10 @@ import { ExtractTokenString } from './common/types';
 import { getGlobalToken, getSemanticToken } from './common/token-getters';
 
 export { getGlobalToken, getSemanticToken };
+export { createLocalTokenSystem, createLocalComponentHelper, createLocalComponentTokenCss, transformLocalTokenObject, } from './common/local-token-helpers';
+export type { ExtractLocalTokenString } from './common/local-token-helpers';
 export { TagColor };
-export declare const getComponentTokenHelpers: <T extends readonly ("link" | "multi-select" | "shell-icon-button" | "file-picker" | "resizable-panels" | "table" | "artifact-store-settings" | "branded-header" | "ingredient-card" | "error-list-item" | "named-list-item" | "shell-menu" | "select-view-list" | "radio-button" | "combobox" | "version-list-container" | "version-list-header" | "toggle-container" | "toggle-track" | "toggle-thumb" | "textarea" | "tag" | "tab" | "text" | "label" | "label-with-action" | "label-with-content-link" | "button" | "select" | "option" | "segmented" | "named-section" | "named-section-header" | "modal" | "input" | "image-config-page-header" | "icon" | "icon-button" | "horizontal-rule" | "form" | "drawer" | "collapsible-list-container" | "collapsible-list-header-container" | "collapsible-list-toggled-container" | "collapsible-artifact" | "collapsible-artifact-version" | "checkbox" | "artifact-drawer" | "app-shell" | "actionable-blurb")[]>(namespaces: [...T]) => { [Key in keyof T]: (key: ExtractTokenString<{
+export declare const getComponentTokenHelpers: <T extends readonly ("link" | "multi-select" | "shell-icon-button" | "file-picker" | "resizable-panels" | "table" | "artifact-store-settings" | "branded-header" | "ingredient-card" | "error-list-item" | "named-list-item" | "shell-menu" | "select-view-list" | "badge" | "radio-button" | "combobox" | "version-list-container" | "version-list-header" | "toggle-container" | "toggle-track" | "toggle-thumb" | "textarea" | "tag" | "tab" | "text" | "label" | "label-with-action" | "label-with-content-link" | "button" | "select" | "option" | "segmented" | "named-section" | "named-section-header" | "modal" | "input" | "image-config-page-header" | "icon" | "icon-button" | "horizontal-rule" | "form" | "drawer" | "collapsible-list-container" | "collapsible-list-header-container" | "collapsible-list-toggled-container" | "collapsible-artifact" | "collapsible-artifact-version" | "checkbox" | "artifact-drawer" | "app-shell" | "actionable-blurb")[]>(namespaces: [...T]) => { [Key in keyof T]: (key: ExtractTokenString<{
     readonly "multi-select": {
         readonly "list-padding": string;
         readonly "padding-x": string;
@@ -135,8 +137,7 @@ export declare const getComponentTokenHelpers: <T extends readonly ("link" | "mu
         "border-bottom-color": string;
         "background-color": string;
         "column-gap": string;
-        "padding-x": string;
-        "padding-y": string;
+        padding: string;
         "badge-size": string;
         "badge-radius": string;
         "line-height": string;
@@ -192,6 +193,20 @@ export declare const getComponentTokenHelpers: <T extends readonly ("link" | "mu
         readonly "background-color-viewing": string;
         readonly gap: string;
     };
+    readonly badge: {
+        "color-blue": string;
+        "color-blue-border": string;
+        "color-red": string;
+        "color-red-border": string;
+        "color-white": string;
+        "color-white-border": string;
+        "color-black": string;
+        "color-black-border": string;
+        "color-orange": string;
+        "color-orange-border": string;
+        "color-green": string;
+        "color-green-border": string;
+    };
     readonly "radio-button": {
         readonly size: string;
         readonly "check-size": string;
@@ -433,6 +448,7 @@ export declare const getComponentTokenHelpers: <T extends readonly ("link" | "mu
         footerGap: string;
         "border-width": string;
         "border-color": string;
+        "base-content-width": string;
     };
     readonly link: {
         "font-size-med": string;
@@ -617,7 +633,7 @@ export declare const getComponentTokenHelpers: <T extends readonly ("link" | "mu
         "icon-column-width": string;
     };
 }[T[Key]]>, asKey?: boolean) => string; };
-export declare const semanticStudioTokenCss: import('@emotion/utils').SerializedStyles;
-export declare const globalStudioTokenCss: import('@emotion/utils').SerializedStyles;
-export declare const componentStudioTokenCss: import('@emotion/utils').SerializedStyles;
+export declare const semanticStudioTokenCss: import('@emotion/react').SerializedStyles;
+export declare const globalStudioTokenCss: import('@emotion/react').SerializedStyles;
+export declare const componentStudioTokenCss: import('@emotion/react').SerializedStyles;
 //# sourceMappingURL=index.d.ts.map

package/styles/tokens/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/libraries/base-ui-components/src/styles/tokens/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,cAAc,EACd,gBAAgB,EAEjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAItD,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,eAAO,MAAM,wBAAwB,m7BAGvB,CAAC,GAAG,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAIR,OAAO,KACZ,MAAM,GAMV,CAAC;AAeJ,eAAO,MAAM,sBAAsB,2CAIlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,2CAQhC,CAAC;AAEF,eAAO,MAAM,uBAAuB,2CAMnC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/libraries/base-ui-components/src/styles/tokens/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,cAAc,EACd,gBAAgB,EAEjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAItD,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAC;AAG5C,OAAO,EACL,sBAAsB,EACtB,0BAA0B,EAC1B,4BAA4B,EAC5B,yBAAyB,GAC1B,MAAM,8BAA8B,CAAC;AACtC,YAAY,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAE5E,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,eAAO,MAAM,wBAAwB,67BAGvB,CAAC,GAAG,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAIR,OAAO,KACZ,MAAM,GAMV,CAAC;AAeJ,eAAO,MAAM,sBAAsB,2CAIlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,2CAQhC,CAAC;AAEF,eAAO,MAAM,uBAAuB,2CAMnC,CAAC"}

package/components/atoms/icon/types.d.ts

@@ -1,6 +0,0 @@
-export type IconIds = "AccountBook" | "Aim" | "Alert" | "AlignCenter" | "AlignLeft" | "AlignRight" | "Android" | "Apartment" | "Api" | "Apple" | "Appstore" | "AppstoreAdd" | "AreaChart" | "ArrowDown" | "ArrowLeft" | "ArrowLineDown" | "ArrowRight" | "ArrowsAlt" | "ArrowUp" | "Artifact" | "ArtifactBrowser" | "ArtifactBrowserTool" | "ArtifactLocal" | "ArtifactManagerTool" | "ArtifactMarket" | "ArtifactMgmt" | "ArtifactOrg" | "ArtifactStoresTool" | "Audio" | "AudioMuted" | "Audit" | "Backward" | "Bank" | "BarChart" | "StarFilled" | "Barcode" | "Bars" | "Bell" | "BgColors" | "Block" | "Bold" | "Book" | "Border" | "BorderBottom" | "BorderHorizontal" | "BorderInner" | "BorderLeft" | "BorderlessTable" | "BorderOuter" | "BorderRight" | "BorderTop" | "BorderVerticle" | "BoxPlot" | "Branches" | "Bug" | "Build" | "Bulb" | "BulbFilled" | "Calculator" | "Calendar" | "Camera" | "CaretDown" | "CaretLeft" | "CaretRight" | "CaretUp" | "CarryOut" | "Check" | "CheckCircle" | "CheckSmall" | "CheckSquare" | "Ci" | "Clear" | "ClockCircle" | "Close" | "CloseCircle" | "CloseSquare" | "Cloud" | "CloudCrossedOut" | "CloudDownload" | "CloudServer" | "CloudSync" | "CloudUpload" | "Cluster" | "Code" | "Codepen" | "Coffee" | "ColumnHeightOutlined" | "ColumnWidthOutlined" | "Comment" | "Compass" | "Compress" | "ConsoleSql" | "Contacts" | "Container" | "Control" | "Copy" | "CopyPlus" | "Copyright" | "CopyrightCircle" | "CopyFilled" | "CreditCard" | "Crown" | "CustomerService" | "Dash" | "Dashboard" | "Database" | "DeleteColumn" | "DeleteOutlined" | "DeleteRow" | "DeliveredProcedure" | "DeploymentUnit" | "Desktop" | "Diff" | "Disconnect" | "Dislike" | "Dollar" | "DollarCircle" | "Dot" | "DotChart" | "DoubleDown" | "DoubleLeft" | "DoubleRight" | "Down" | "DownCircle" | "Download" | "DownSquare" | "Drag" | "Edit" | "Ellipsis" | "Enter" | "Environment" | "Euro" | "EuroCircle" | "Exception" | "Exclamation" | "ExclamationCircle" | "Expand" | "ExpandAlt" | "Experiment" | "Export" | "Eye" | "EyeInvisible" | "Facebook" | "Fall" | "FastBackward" | "FastForward" | "FieldBinary" | "FieldNumber" | "FieldString" | "FieldTime" | "File" | "FileAdd" | "FileDone" | "FileExcel" | "FileExclamation" | "FileImage" | "FileJpg" | "FileMarkdown" | "FilePdf" | "FilePpt" | "FileProtect" | "FileSearch" | "FileSync" | "FileText" | "FileUnknown" | "FileWord" | "FileZip" | "Filter" | "Fire" | "Flag" | "Fold" | "Folder" | "FolderAdd" | "FolderOpen" | "FolderView" | "FontColors" | "FontSize" | "Fork" | "Form" | "FormatPainter" | "Forward" | "Frown" | "Fullscreen" | "FullscreenExit" | "Function" | "Fund" | "FundProjectionScreen" | "FundView" | "FunnelPlotOutlined" | "FutureTracerEventEnd" | "FutureTracerEventEndFilled" | "FutureTracerEventStart" | "FutureTracerEventStartFilled" | "FutureTracerTool" | "Gateway" | "Gif" | "Gift" | "Github" | "Global" | "Gold" | "Group" | "Hdd" | "Heart" | "HeatMap" | "Highlight" | "History" | "Home" | "HomeFilled" | "Hourglass" | "Idcard" | "Import" | "Inbox" | "Info" | "InfoCircle" | "Inherited" | "InsertRowAbove" | "InsertRowBelow" | "InsertRowLeft" | "InsertRowRight" | "Instagram" | "Insurance" | "Interaction" | "IssuesClose" | "Italic" | "Key" | "Laptop" | "Layer" | "Layout" | "Left" | "LeftCircle" | "LeftSquare" | "Like" | "Line" | "LineChart" | "LineHeight" | "Link" | "Linkedin" | "Loading" | "Loading3Quarters" | "Lock" | "Login" | "Logout" | "MacCommand" | "Mail" | "Man" | "MedicineBox" | "Meh" | "MergeCells" | "Message" | "Minus" | "MinusCircle" | "MinusSquare" | "Mobile" | "MoneyCollect" | "Monitor" | "More" | "NodeCollapse" | "NodeExpand" | "NodeIndex" | "Notification" | "Number" | "OneToOne" | "OrderedList" | "PaperClip" | "Partition" | "Pause" | "PauseCircle" | "PayCircle" | "Percentage" | "Phone" | "PicCenter" | "PicLeft" | "PicRight" | "Picture" | "PieChart" | "PlayCircle" | "PlaySquare" | "Plus" | "PlusCircle" | "PlusSquare" | "Pound" | "PoundCircle" | "Poweroff" | "Printer" | "Profile" | "Project" | "PropertySafety" | "PullRequest" | "Pushpin" | "Qrcode" | "Question" | "QuestionCircle" | "RadarChart" | "RadiusBottomleft" | "RadiusBottomright" | "RadiusSettingOutlined" | "RadiusUpleft" | "RadiusUpright" | "Read" | "Reconciliation" | "RedEnvelope" | "Redo" | "Reload" | "Rest" | "Retweet" | "Right" | "RightCircle" | "RightSquare" | "RightSquareFilled" | "Rise" | "Robot" | "Rocket" | "Rollback" | "RotateLeft" | "RotateRight" | "Safety" | "SafetyCertificate" | "Save" | "Scan" | "Schedule" | "Scissor" | "Search" | "SecurityScan" | "Select" | "Send" | "Setting" | "Shake" | "ShareAlt" | "Shop" | "Shopping" | "ShoppingCart" | "Shrink" | "Sisternode" | "Skin" | "SlackSquare" | "SlidersOutlined" | "SmallDash" | "Smile" | "Snippets" | "Solution" | "Sort" | "SortAscending" | "SortDescending" | "Sound" | "SplitCells" | "Star" | "StepBackward" | "StepForward" | "Stock" | "Stop" | "StoreMgmt" | "Strikethrough" | "Subnode" | "Swap" | "SwapLeft" | "SwapRight" | "Switcher" | "Sync" | "Table" | "Tablet" | "Tag" | "Tags" | "Team" | "TeamShortcut" | "TeamShortcutsTool" | "Thunderbolt" | "Tool" | "TopBadge" | "ToTop" | "Trademark" | "Transaction" | "Translation" | "Trophy" | "Twitter" | "Underline" | "Undo" | "Unfold" | "Ungroup" | "Unlock" | "UnorderedList" | "Up" | "UpCircle" | "Upload" | "UpSquare" | "Usb" | "User" | "UserAdd" | "UserDelete" | "UsergroupAdd" | "UsergroupDelete" | "UserSwitch" | "VerticalAlignBottom" | "VerticalAlignMiddle" | "VerticalAlignTop" | "VerticalLeft" | "VerticalRight" | "Wallet" | "Warning" | "WebsocketMonitorTool" | "Wifi" | "Windows" | "Youtube" | "ZoomIn" | "ZoomOut" | "LogoLight";
-export declare const iconColors: readonly ["black", "blue", "green", "grey", "orange", "purple", "red", "white", "yellow"];
-export type IconColors = (typeof iconColors)[number];
-export declare const iconSizes: readonly ["xxsm", "xsm", "sm", "med", "lrg", "xlrg", "xxlrg"];
-export type IconSizes = (typeof iconSizes)[number];
-//# sourceMappingURL=types.d.ts.map

package/components/atoms/icon/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../packages/libraries/base-ui-components/src/components/atoms/icon/types.ts"],"names":[],"mappings":"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"}

package/components/molecules/details-page-layout/details-page-layout.d.ts

@@ -1,19 +0,0 @@
-import { BrandedHeaderEndColor, BrandedHeaderStartColor } from '../branded-header';
-import { IconIds } from '../../atoms';
-import { ReactNode, ComponentType } from 'react';
-
-interface DetailsPageLayoutProps {
-    title: string;
-    headerIcon: IconIds;
-    subTitle?: string;
-    headerStartColor: BrandedHeaderStartColor;
-    headerEndColor: BrandedHeaderEndColor;
-    Action?: ComponentType;
-    isOffline?: boolean;
-    panel?: ReactNode;
-    children: ReactNode;
-    className?: string;
-}
-export declare const DetailsPageLayout: import('react').MemoExoticComponent<({ title, headerIcon, subTitle, isOffline, headerEndColor, headerStartColor, className, Action, panel, children, }: DetailsPageLayoutProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
-export {};
-//# sourceMappingURL=details-page-layout.d.ts.map

package/components/molecules/details-page-layout/details-page-layout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"details-page-layout.d.ts","sourceRoot":"","sources":["../../../../../../../packages/libraries/base-ui-components/src/components/molecules/details-page-layout/details-page-layout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAQ,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAKL,KAAK,OAAO,EACb,MAAM,aAAa,CAAC;AACrB,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAC7B,MAAM,mBAAmB,CAAC;AAE3B,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,uBAAuB,CAAC;IAC1C,cAAc,EAAE,qBAAqB,CAAC;IACtC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,0JAYzB,sBAAsB,sDA0B1B,CAAC"}

package/components/molecules/details-page-layout/index.d.ts

@@ -1,2 +0,0 @@
-export * from './details-page-layout';
-//# sourceMappingURL=index.d.ts.map