webcake-ui-kit 1.0.0 → 1.0.2

package/src/index.js

@@ -1,2 +1,29 @@
-export { default as Badge } from './components/badge/Badge.vue'
-export { default as Button } from './components/button/Button.vue'
+export { default as WkAccordion } from './components/accordion/Accordion.vue'
+export { default as WkAccordionItem } from './components/accordion-item/AccordionItem.vue'
+export { default as WkAlertDialog } from './components/alert-dialog/AlertDialog.vue'
+export { default as WkBadge } from './components/badge/Badge.vue'
+export { default as WkBreadcrumb } from './components/breadcrumb/Breadcrumb.vue'
+export { default as WkButton } from './components/button/Button.vue'
+export { default as WkButtonGroup } from './components/button-group/ButtonGroup.vue'
+export { default as WkCheckbox } from './components/checkbox/Checkbox.vue'
+export { default as WkCheckboxGroup } from './components/checkbox-group/CheckboxGroup.vue'
+export { default as WkDialog } from './components/dialog/Dialog.vue'
+export { default as WkDivider } from './components/divider/Divider.vue'
+export { default as WkInput } from './components/input/Input.vue'
+export { default as WkPagination } from './components/pagination/Pagination.vue'
+export { default as WkRadio } from './components/radio/Radio.vue'
+export { default as WkRadioGroup } from './components/radio-group/RadioGroup.vue'
+export { default as WkRichCheckboxGroup } from './components/rich-checkbox-group/RichCheckboxGroup.vue'
+export { default as WkRichSwitchGroup } from './components/rich-switch-group/RichSwitchGroup.vue'
+export { default as WkSelect } from './components/select/Select.vue'
+export { default as WkSelectOption } from './components/select-option/SelectOption.vue'
+export { default as WkSidebarGroupLabel } from './components/sidebar-group-label/SidebarGroupLabel.vue'
+export { default as WkSidebarItem } from './components/sidebar-item/SidebarItem.vue'
+export { default as WkSlider } from './components/slider/Slider.vue'
+export { default as WkSpinner } from './components/spinner/Spinner.vue'
+export { default as WkSwitch } from './components/switch/Switch.vue'
+export { default as WkSwitchGroup } from './components/switch-group/SwitchGroup.vue'
+export { default as WkTabs } from './components/tabs/Tabs.vue'
+export { default as WkTag } from './components/tag/Tag.vue'
+export { default as WkToggle } from './components/toggle/Toggle.vue'
+export { default as WkToggleGroup } from './components/toggle-group/ToggleGroup.vue'

package/src/styles/.omc/state/agent-replay-645326b7-372b-463d-ab45-0adaafe31a51.jsonl

@@ -0,0 +1,2 @@
+{"t":0,"agent":"ae435b9","agent_type":"unknown","event":"agent_stop","success":true}
+{"t":0,"agent":"ae345ba","agent_type":"unknown","event":"agent_stop","success":true}

package/src/styles/.omc/state/subagent-tracking.json

@@ -0,0 +1,7 @@
+{
+  "agents": [],
+  "total_spawned": 0,
+  "total_completed": 0,
+  "total_failed": 0,
+  "last_updated": "2026-05-12T04:07:51.819Z"
+}

package/src/styles/alpha_colors.css

@@ -1,39 +1,37 @@
-@layer base {
-  :root {
-    /* ========================= White Alpha ========================= */
-    --color-white-alpha-0: rgb(255 255 255 / 0%);
-    --color-white-alpha-001: rgb(255 255 255 / 0.01%);
-    --color-white-alpha-333: rgb(255 255 255 / 3.33%);
-    --color-white-alpha-5: rgb(255 255 255 / 5%);
-    --color-white-alpha-10: rgb(255 255 255 / 10%);
-    --color-white-alpha-15: rgb(255 255 255 / 15%);
-    --color-white-alpha-20: rgb(255 255 255 / 20%);
-    --color-white-alpha-30: rgb(255 255 255 / 30%);
-    --color-white-alpha-40: rgb(255 255 255 / 40%);
-    --color-white-alpha-50: rgb(255 255 255 / 50%);
-    --color-white-alpha-60: rgb(255 255 255 / 60%);
-    --color-white-alpha-70: rgb(255 255 255 / 70%);
-    --color-white-alpha-80: rgb(255 255 255 / 80%);
-    --color-white-alpha-90: rgb(255 255 255 / 90%);
-    --color-white-alpha-95: rgb(255 255 255 / 95%);
-    --color-white-alpha-100: rgb(255 255 255 / 100%);
+:root {
+  /* ========================= White Alpha ========================= */
+  --color-white-alpha-0: rgb(255 255 255 / 0%);
+  --color-white-alpha-001: rgb(255 255 255 / 0.01%);
+  --color-white-alpha-333: rgb(255 255 255 / 3.33%);
+  --color-white-alpha-5: rgb(255 255 255 / 5%);
+  --color-white-alpha-10: rgb(255 255 255 / 10%);
+  --color-white-alpha-15: rgb(255 255 255 / 15%);
+  --color-white-alpha-20: rgb(255 255 255 / 20%);
+  --color-white-alpha-30: rgb(255 255 255 / 30%);
+  --color-white-alpha-40: rgb(255 255 255 / 40%);
+  --color-white-alpha-50: rgb(255 255 255 / 50%);
+  --color-white-alpha-60: rgb(255 255 255 / 60%);
+  --color-white-alpha-70: rgb(255 255 255 / 70%);
+  --color-white-alpha-80: rgb(255 255 255 / 80%);
+  --color-white-alpha-90: rgb(255 255 255 / 90%);
+  --color-white-alpha-95: rgb(255 255 255 / 95%);
+  --color-white-alpha-100: rgb(255 255 255 / 100%);
 
-    /* ========================= Black Alpha ========================= */
-    --color-black-alpha-0: rgb(0 0 0 / 0%);
-    --color-black-alpha-001: rgb(0 0 0 / 0.01%);
-    --color-black-alpha-333: rgb(0 0 0 / 3.33%);
-    --color-black-alpha-5: rgb(0 0 0 / 5%);
-    --color-black-alpha-10: rgb(0 0 0 / 10%);
-    --color-black-alpha-15: rgb(0 0 0 / 15%);
-    --color-black-alpha-20: rgb(0 0 0 / 20%);
-    --color-black-alpha-30: rgb(0 0 0 / 30%);
-    --color-black-alpha-40: rgb(0 0 0 / 40%);
-    --color-black-alpha-50: rgb(0 0 0 / 50%);
-    --color-black-alpha-60: rgb(0 0 0 / 60%);
-    --color-black-alpha-70: rgb(0 0 0 / 70%);
-    --color-black-alpha-80: rgb(0 0 0 / 80%);
-    --color-black-alpha-90: rgb(0 0 0 / 90%);
-    --color-black-alpha-95: rgb(0 0 0 / 95%);
-    --color-black-alpha-100: rgb(0 0 0 / 100%);
-  }
+  /* ========================= Black Alpha ========================= */
+  --color-black-alpha-0: rgb(0 0 0 / 0%);
+  --color-black-alpha-001: rgb(0 0 0 / 0.01%);
+  --color-black-alpha-333: rgb(0 0 0 / 3.33%);
+  --color-black-alpha-5: rgb(0 0 0 / 5%);
+  --color-black-alpha-10: rgb(0 0 0 / 10%);
+  --color-black-alpha-15: rgb(0 0 0 / 15%);
+  --color-black-alpha-20: rgb(0 0 0 / 20%);
+  --color-black-alpha-30: rgb(0 0 0 / 30%);
+  --color-black-alpha-40: rgb(0 0 0 / 40%);
+  --color-black-alpha-50: rgb(0 0 0 / 50%);
+  --color-black-alpha-60: rgb(0 0 0 / 60%);
+  --color-black-alpha-70: rgb(0 0 0 / 70%);
+  --color-black-alpha-80: rgb(0 0 0 / 80%);
+  --color-black-alpha-90: rgb(0 0 0 / 90%);
+  --color-black-alpha-95: rgb(0 0 0 / 95%);
+  --color-black-alpha-100: rgb(0 0 0 / 100%);
 }

package/src/styles/border_radius.css

@@ -1,25 +1,23 @@
-@layer base {
-  :root {
-    --radius-0: 0px;
-    --radius-2: 2px;
-    --radius-4: 4px;
-    --radius-6: 6px;
-    --radius-8: 8px;
-    --radius-10: 10px;
-    --radius-12: 12px;
-    --radius-16: 16px;
-    --radius-24: 24px;
-    --radius-infinite: 9999px;
+:root {
+  --radius-0: 0px;
+  --radius-2: 2px;
+  --radius-4: 4px;
+  --radius-6: 6px;
+  --radius-8: 8px;
+  --radius-10: 10px;
+  --radius-12: 12px;
+  --radius-16: 16px;
+  --radius-24: 24px;
+  --radius-infinite: 9999px;
 
-    --rounded-none: 0;
-    --rounded-xs: var(--radius-0);
-    --rounded-sm: var(--radius-2);
-    --rounded-md: var(--radius-4);
-    --rounded-lg: var(--radius-6);
-    --radius: var(--radius-8);
-    --rounded-xl: var(--radius-12);
-    --rounded-2xl: var(--radius-16);
-    --rounded-3xl: var(--radius-24);
-    --rounded-full: var(--radius-infinite);
-  }
+  --rounded-none: 0;
+  --rounded-xs: var(--radius-0);
+  --rounded-sm: var(--radius-2);
+  --rounded-md: var(--radius-4);
+  --rounded-lg: var(--radius-6);
+  --radius: var(--radius-8);
+  --rounded-xl: var(--radius-10);
+  --rounded-2xl: var(--radius-12);
+  --rounded-3xl: var(--radius-16);
+  --rounded-full: var(--radius-infinite);
 }

package/src/styles/brand_colors.css

@@ -1,42 +1,40 @@
-@layer base {
-  :root {
-    /* Primary color scale — mapped from brand-shades (emerald) */
-    --color-brand-neutrals-50: var(--color-neutral-50);
-    --color-brand-neutrals-100: var(--color-neutral-100);
-    --color-brand-neutrals-200: var(--color-neutral-200);
-    --color-brand-neutrals-300: var(--color-neutral-300);
-    --color-brand-neutrals-400: var(--color-neutral-400);
-    --color-brand-neutrals-500: var(--color-neutral-500);
-    --color-brand-neutrals-600: var(--color-neutral-600);
-    --color-brand-neutrals-700: var(--color-neutral-700);
-    --color-brand-neutrals-800: var(--color-neutral-800);
-    --color-brand-neutrals-900: var(--color-neutral-900);
-    --color-brand-neutrals-950: var(--color-neutral-950);
+:root {
+  /* Primary color scale — mapped from brand-shades (emerald) */
+  --color-brand-neutrals-50: var(--color-neutral-50);
+  --color-brand-neutrals-100: var(--color-neutral-100);
+  --color-brand-neutrals-200: var(--color-neutral-200);
+  --color-brand-neutrals-300: var(--color-neutral-300);
+  --color-brand-neutrals-400: var(--color-neutral-400);
+  --color-brand-neutrals-500: var(--color-neutral-500);
+  --color-brand-neutrals-600: var(--color-neutral-600);
+  --color-brand-neutrals-700: var(--color-neutral-700);
+  --color-brand-neutrals-800: var(--color-neutral-800);
+  --color-brand-neutrals-900: var(--color-neutral-900);
+  --color-brand-neutrals-950: var(--color-neutral-950);
 
-    /* ========================= Brand Shades ========================= */
-    --color-brand-shades-50: var(--color-emerald-50);
-    --color-brand-shades-100: var(--color-emerald-100);
-    --color-brand-shades-200: var(--color-emerald-200);
-    --color-brand-shades-300: var(--color-emerald-300);
-    --color-brand-shades-400: var(--color-emerald-400);
-    --color-brand-shades-500: var(--color-emerald-500);
-    --color-brand-shades-600: var(--color-emerald-600);
-    --color-brand-shades-700: var(--color-emerald-700);
-    --color-brand-shades-800: var(--color-emerald-800);
-    --color-brand-shades-900: var(--color-emerald-900);
-    --color-brand-shades-950: var(--color-emerald-950);
+  /* ========================= Brand Shades ========================= */
+  --color-brand-shades-50: var(--color-emerald-50);
+  --color-brand-shades-100: var(--color-emerald-100);
+  --color-brand-shades-200: var(--color-emerald-200);
+  --color-brand-shades-300: var(--color-emerald-300);
+  --color-brand-shades-400: var(--color-emerald-400);
+  --color-brand-shades-500: var(--color-emerald-500);
+  --color-brand-shades-600: var(--color-emerald-600);
+  --color-brand-shades-700: var(--color-emerald-700);
+  --color-brand-shades-800: var(--color-emerald-800);
+  --color-brand-shades-900: var(--color-emerald-900);
+  --color-brand-shades-950: var(--color-emerald-950);
 
-    /* ========================= Primary Landing ========================= */
-    --color-primary-landing-50: #f0fdf4;
-    --color-primary-landing-100: #dbfde6;
-    --color-primary-landing-200: #baf8cf;
-    --color-primary-landing-300: #84f1aa;
-    --color-primary-landing-400: #48e07d;
-    --color-primary-landing-500: #1db954;
-    --color-primary-landing-600: #14a547;
-    --color-primary-landing-700: #13823b;
-    --color-primary-landing-800: #156633;
-    --color-primary-landing-900: #13542c;
-    --color-primary-landing-950: #042f15;
-  }
+  /* ========================= Primary Landing ========================= */
+  --color-primary-landing-50: #f0fdf4;
+  --color-primary-landing-100: #dbfde6;
+  --color-primary-landing-200: #baf8cf;
+  --color-primary-landing-300: #84f1aa;
+  --color-primary-landing-400: #48e07d;
+  --color-primary-landing-500: #1db954;
+  --color-primary-landing-600: #14a547;
+  --color-primary-landing-700: #13823b;
+  --color-primary-landing-800: #156633;
+  --color-primary-landing-900: #13542c;
+  --color-primary-landing-950: #042f15;
 }

package/src/styles/chart_colors.css

@@ -1,35 +1,33 @@
-@layer base {
-  :root {
-    /* Chart */
-    --chart-1: #f54a00;
-    --chart-2: #009689;
-    --chart-3: #104e64;
-    --chart-4: #ffb900;
-    --chart-5: #fe9a00;
+:root {
+  /* Chart */
+  --chart-1: #f54a00;
+  --chart-2: #009689;
+  --chart-3: #104e64;
+  --chart-4: #ffb900;
+  --chart-5: #fe9a00;
 
-    --positive: #009689;
-    --negative: #f54a00;
+  --positive: #009689;
+  --negative: #f54a00;
 
-    --fill: #bfdeffb3;
-    --stroke: #8ec5ff;
-    --fill-2: #aaccffb3;
-    --stroke-2: #3f8dff;
-  }
+  --fill: #bfdeffb3;
+  --stroke: #8ec5ff;
+  --fill-2: #aaccffb3;
+  --stroke-2: #3f8dff;
+}
 
-  .dark {
-    /* Chart */
-    --chart-1: #1447e6;
-    --chart-2: #00bc7d;
-    --chart-3: #fd9a00;
-    --chart-4: #ad46ff;
-    --chart-5: #ff2056;
+.dark {
+  /* Chart */
+  --chart-1: #1447e6;
+  --chart-2: #00bc7d;
+  --chart-3: #fd9a00;
+  --chart-4: #ad46ff;
+  --chart-5: #ff2056;
 
-    --positive: #00bc7d;
-    --negative: #ff2056;
+  --positive: #00bc7d;
+  --negative: #ff2056;
 
-    --fill: #475d75b3;
-    --stroke: #8ec5ff;
-    --fill-2: #1f4176b3;
-    --stroke-2: #3f8dff;
-  }
+  --fill: #475d75b3;
+  --stroke: #8ec5ff;
+  --fill-2: #1f4176b3;
+  --stroke-2: #3f8dff;
 }