@motiadev/ui 0.13.2-beta.163 → 0.13.2-beta.164-562802

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (141) hide show
  1. package/dist/components/ui/background-effect.d.ts +7 -4
  2. package/dist/components/ui/background-effect.d.ts.map +1 -1
  3. package/dist/components/ui/background-effect.js +31 -0
  4. package/dist/components/ui/background-effect.js.map +1 -0
  5. package/dist/components/ui/badge.d.ts +11 -8
  6. package/dist/components/ui/badge.d.ts.map +1 -1
  7. package/dist/components/ui/badge.js +57 -0
  8. package/dist/components/ui/badge.js.map +1 -0
  9. package/dist/components/ui/breadcrumb.d.ts +24 -20
  10. package/dist/components/ui/breadcrumb.d.ts.map +1 -1
  11. package/dist/components/ui/breadcrumb.js +168 -0
  12. package/dist/components/ui/breadcrumb.js.map +1 -0
  13. package/dist/components/ui/button.d.ts +14 -9
  14. package/dist/components/ui/button.d.ts.map +1 -1
  15. package/dist/components/ui/button.js +88 -0
  16. package/dist/components/ui/button.js.map +1 -0
  17. package/dist/components/ui/checkbox.d.ts +7 -3
  18. package/dist/components/ui/checkbox.d.ts.map +1 -1
  19. package/dist/components/ui/checkbox.js +53 -0
  20. package/dist/components/ui/checkbox.js.map +1 -0
  21. package/dist/components/ui/collapsible-panel.d.ts +17 -13
  22. package/dist/components/ui/collapsible-panel.d.ts.map +1 -1
  23. package/dist/components/ui/collapsible-panel.js +252 -0
  24. package/dist/components/ui/collapsible-panel.js.map +1 -0
  25. package/dist/components/ui/container.d.ts +17 -13
  26. package/dist/components/ui/container.d.ts.map +1 -1
  27. package/dist/components/ui/container.js +143 -0
  28. package/dist/components/ui/container.js.map +1 -0
  29. package/dist/components/ui/dropdown-menu.d.ts +23 -21
  30. package/dist/components/ui/dropdown-menu.d.ts.map +1 -1
  31. package/dist/components/ui/dropdown-menu.js +430 -0
  32. package/dist/components/ui/dropdown-menu.js.map +1 -0
  33. package/dist/components/ui/empty.d.ts +34 -10
  34. package/dist/components/ui/empty.d.ts.map +1 -1
  35. package/dist/components/ui/empty.js +219 -0
  36. package/dist/components/ui/empty.js.map +1 -0
  37. package/dist/components/ui/input.d.ts +12 -8
  38. package/dist/components/ui/input.d.ts.map +1 -1
  39. package/dist/components/ui/input.js +66 -0
  40. package/dist/components/ui/input.js.map +1 -0
  41. package/dist/components/ui/label.d.ts +7 -3
  42. package/dist/components/ui/label.d.ts.map +1 -1
  43. package/dist/components/ui/label.js +43 -0
  44. package/dist/components/ui/label.js.map +1 -0
  45. package/dist/components/ui/level-dot.d.ts +7 -3
  46. package/dist/components/ui/level-dot.d.ts.map +1 -1
  47. package/dist/components/ui/level-dot.js +35 -0
  48. package/dist/components/ui/level-dot.js.map +1 -0
  49. package/dist/components/ui/panel.d.ts +32 -28
  50. package/dist/components/ui/panel.d.ts.map +1 -1
  51. package/dist/components/ui/panel.js +284 -0
  52. package/dist/components/ui/panel.js.map +1 -0
  53. package/dist/components/ui/select.d.ts +11 -13
  54. package/dist/components/ui/select.d.ts.map +1 -1
  55. package/dist/components/ui/select.js +341 -0
  56. package/dist/components/ui/select.js.map +1 -0
  57. package/dist/components/ui/side-panel-detail.d.ts +8 -5
  58. package/dist/components/ui/side-panel-detail.d.ts.map +1 -1
  59. package/dist/components/ui/side-panel-detail.js +54 -0
  60. package/dist/components/ui/side-panel-detail.js.map +1 -0
  61. package/dist/components/ui/side-panel.d.ts +18 -18
  62. package/dist/components/ui/side-panel.d.ts.map +1 -1
  63. package/dist/components/ui/side-panel.js +138 -0
  64. package/dist/components/ui/side-panel.js.map +1 -0
  65. package/dist/components/ui/sidebar.d.ts +12 -8
  66. package/dist/components/ui/sidebar.d.ts.map +1 -1
  67. package/dist/components/ui/sidebar.js +153 -0
  68. package/dist/components/ui/sidebar.js.map +1 -0
  69. package/dist/components/ui/table.d.ts +5 -4
  70. package/dist/components/ui/table.d.ts.map +1 -1
  71. package/dist/components/ui/table.js +285 -0
  72. package/dist/components/ui/table.js.map +1 -0
  73. package/dist/components/ui/tabs.d.ts +10 -6
  74. package/dist/components/ui/tabs.d.ts.map +1 -1
  75. package/dist/components/ui/tabs.js +142 -0
  76. package/dist/components/ui/tabs.js.map +1 -0
  77. package/dist/components/ui/textarea.d.ts +6 -2
  78. package/dist/components/ui/textarea.d.ts.map +1 -1
  79. package/dist/components/ui/textarea.js +42 -0
  80. package/dist/components/ui/textarea.js.map +1 -0
  81. package/dist/components/ui/tooltip.d.ts +10 -5
  82. package/dist/components/ui/tooltip.d.ts.map +1 -1
  83. package/dist/components/ui/tooltip.js +54 -0
  84. package/dist/components/ui/tooltip.js.map +1 -0
  85. package/dist/index.d.ts +24 -24
  86. package/dist/index.js +25 -11031
  87. package/dist/lib/utils.d.ts +6 -2
  88. package/dist/lib/utils.d.ts.map +1 -1
  89. package/dist/lib/utils.js +11 -0
  90. package/dist/lib/utils.js.map +1 -0
  91. package/dist/stores/use-theme-store.d.ts +22 -17
  92. package/dist/stores/use-theme-store.d.ts.map +1 -1
  93. package/dist/stores/use-theme-store.js +30 -0
  94. package/dist/stores/use-theme-store.js.map +1 -0
  95. package/dist/styles.css +2647 -0
  96. package/dist/styles.css.map +1 -0
  97. package/dist/styles.js +0 -0
  98. package/package.json +12 -14
  99. package/dist/components/ui/background-effect.stories.d.ts +0 -12
  100. package/dist/components/ui/background-effect.stories.d.ts.map +0 -1
  101. package/dist/components/ui/badge.stories.d.ts +0 -19
  102. package/dist/components/ui/badge.stories.d.ts.map +0 -1
  103. package/dist/components/ui/breadcrumb.stories.d.ts +0 -21
  104. package/dist/components/ui/breadcrumb.stories.d.ts.map +0 -1
  105. package/dist/components/ui/button.stories.d.ts +0 -25
  106. package/dist/components/ui/button.stories.d.ts.map +0 -1
  107. package/dist/components/ui/checkbox.stories.d.ts +0 -25
  108. package/dist/components/ui/checkbox.stories.d.ts.map +0 -1
  109. package/dist/components/ui/collapsible-panel.stories.d.ts +0 -12
  110. package/dist/components/ui/collapsible-panel.stories.d.ts.map +0 -1
  111. package/dist/components/ui/container.stories.d.ts +0 -10
  112. package/dist/components/ui/container.stories.d.ts.map +0 -1
  113. package/dist/components/ui/dropdown-menu.stories.d.ts +0 -18
  114. package/dist/components/ui/dropdown-menu.stories.d.ts.map +0 -1
  115. package/dist/components/ui/input.stories.d.ts +0 -23
  116. package/dist/components/ui/input.stories.d.ts.map +0 -1
  117. package/dist/components/ui/label.stories.d.ts +0 -17
  118. package/dist/components/ui/label.stories.d.ts.map +0 -1
  119. package/dist/components/ui/level-dot.stories.d.ts +0 -19
  120. package/dist/components/ui/level-dot.stories.d.ts.map +0 -1
  121. package/dist/components/ui/panel.stories.d.ts +0 -24
  122. package/dist/components/ui/panel.stories.d.ts.map +0 -1
  123. package/dist/components/ui/select.stories.d.ts +0 -18
  124. package/dist/components/ui/select.stories.d.ts.map +0 -1
  125. package/dist/components/ui/side-panel-detail.stories.d.ts +0 -12
  126. package/dist/components/ui/side-panel-detail.stories.d.ts.map +0 -1
  127. package/dist/components/ui/side-panel.stories.d.ts +0 -13
  128. package/dist/components/ui/side-panel.stories.d.ts.map +0 -1
  129. package/dist/components/ui/sidebar.stories.d.ts +0 -14
  130. package/dist/components/ui/sidebar.stories.d.ts.map +0 -1
  131. package/dist/components/ui/table.stories.d.ts +0 -18
  132. package/dist/components/ui/table.stories.d.ts.map +0 -1
  133. package/dist/components/ui/tabs.stories.d.ts +0 -16
  134. package/dist/components/ui/tabs.stories.d.ts.map +0 -1
  135. package/dist/components/ui/textarea.stories.d.ts +0 -21
  136. package/dist/components/ui/textarea.stories.d.ts.map +0 -1
  137. package/dist/components/ui/tooltip.stories.d.ts +0 -21
  138. package/dist/components/ui/tooltip.stories.d.ts.map +0 -1
  139. package/dist/index.cjs +0 -122
  140. package/dist/index.d.ts.map +0 -1
  141. package/dist/ui.css +0 -1
@@ -1,3 +1,7 @@
1
- import { ClassValue } from 'clsx';
2
- export declare function cn(...inputs: ClassValue[]): string;
1
+ import { ClassValue } from "clsx";
2
+
3
+ //#region src/lib/utils.d.ts
4
+ declare function cn(...inputs: ClassValue[]): string;
5
+ //#endregion
6
+ export { cn };
3
7
  //# sourceMappingURL=utils.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}
1
+ {"version":3,"file":"utils.d.ts","names":[],"sources":["../../src/lib/utils.ts"],"sourcesContent":[],"mappings":";;;iBAGgB,EAAA,YAAc"}
@@ -0,0 +1,11 @@
1
+ import { clsx } from "clsx";
2
+ import { twMerge } from "tailwind-merge";
3
+
4
+ //#region src/lib/utils.ts
5
+ function cn(...inputs) {
6
+ return twMerge(clsx(inputs));
7
+ }
8
+
9
+ //#endregion
10
+ export { cn };
11
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.js","names":["ClassValue","clsx","twMerge","cn","inputs"],"sources":["../../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;AAGA,SAAgBG,GAAG,GAAGC,QAAsB;AAC1C,QAAOF,QAAQD,KAAKG,OAAO,CAAC"}
@@ -1,23 +1,28 @@
1
- export type Theme = 'dark' | 'light' | 'system';
1
+ import * as zustand0 from "zustand";
2
+ import * as zustand_middleware0 from "zustand/middleware";
3
+
4
+ //#region src/stores/use-theme-store.d.ts
5
+ type Theme = 'dark' | 'light' | 'system';
2
6
  type Actions = {
3
- setTheme: (theme: Theme) => void;
7
+ setTheme: (theme: Theme) => void;
4
8
  };
5
9
  type State = {
6
- theme: Theme;
10
+ theme: Theme;
7
11
  };
8
- export type ThemeState = State & Actions;
9
- export declare const useThemeStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<ThemeState>, "setState" | "persist"> & {
10
- setState(partial: ThemeState | Partial<ThemeState> | ((state: ThemeState) => ThemeState | Partial<ThemeState>), replace?: false | undefined): unknown;
11
- setState(state: ThemeState | ((state: ThemeState) => ThemeState), replace: true): unknown;
12
- persist: {
13
- setOptions: (options: Partial<import('zustand/middleware').PersistOptions<ThemeState, unknown, unknown>>) => void;
14
- clearStorage: () => void;
15
- rehydrate: () => Promise<void> | void;
16
- hasHydrated: () => boolean;
17
- onHydrate: (fn: (state: ThemeState) => void) => () => void;
18
- onFinishHydration: (fn: (state: ThemeState) => void) => () => void;
19
- getOptions: () => Partial<import('zustand/middleware').PersistOptions<ThemeState, unknown, unknown>>;
20
- };
12
+ type ThemeState = State & Actions;
13
+ declare const useThemeStore: zustand0.UseBoundStore<Omit<zustand0.StoreApi<ThemeState>, "setState" | "persist"> & {
14
+ setState(partial: ThemeState | Partial<ThemeState> | ((state: ThemeState) => ThemeState | Partial<ThemeState>), replace?: false | undefined): unknown;
15
+ setState(state: ThemeState | ((state: ThemeState) => ThemeState), replace: true): unknown;
16
+ persist: {
17
+ setOptions: (options: Partial<zustand_middleware0.PersistOptions<ThemeState, unknown, unknown>>) => void;
18
+ clearStorage: () => void;
19
+ rehydrate: () => Promise<void> | void;
20
+ hasHydrated: () => boolean;
21
+ onHydrate: (fn: (state: ThemeState) => void) => () => void;
22
+ onFinishHydration: (fn: (state: ThemeState) => void) => () => void;
23
+ getOptions: () => Partial<zustand_middleware0.PersistOptions<ThemeState, unknown, unknown>>;
24
+ };
21
25
  }>;
22
- export {};
26
+ //#endregion
27
+ export { Theme, ThemeState, useThemeStore };
23
28
  //# sourceMappingURL=use-theme-store.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-theme-store.d.ts","sourceRoot":"","sources":["../../src/stores/use-theme-store.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;AAiB/C,KAAK,OAAO,GAAG;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CACjC,CAAA;AAED,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,OAAO,CAAA;AAExC,eAAO,MAAM,aAAa;;;;;;;;;;;;EAczB,CAAA"}
1
+ {"version":3,"file":"use-theme-store.d.ts","names":[],"sources":["../../src/stores/use-theme-store.tsx"],"sourcesContent":[],"mappings":";;;;KAGY,KAAA;KAiBP,OAAA;oBACe;;AAlBpB,KAqBK,KAAA,GArBY;EAiBZ,KAAA,EAKI,KALG;AACa,CAAA;AAOb,KAAA,UAAA,GAAa,KAAA,GAAQ,OAAA;AAEpB,cAAA,aAcZ,WAdyB,aAczB,CAdyB,IAczB,CAdyB,QAAA,CAAA,QAczB,CAdyB,UAczB,CAAA,EAAA,UAAA,GAAA,SAAA,CAAA,GAAA;EAdyB,QAAA,CAAA,OAAA,YAAA,UAAA,WAAA,CAAA,GAAA,CAAA,CAAA,KAAA,YAAA,EAAA,aAAA,UAAA,WAAA,CAAA,CAAA,EAAA,OAAA,CAAA,EAAA,KAAA,GAAA,SAAA,CAAA,EAAA,OAAA;EAAA,QAAA,CAAA,KAAA,YAAA,GAAA,CAAA,CAAA,KAAA,YAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,IAAA,CAAA,EAAA,OAAA;EAAA,OAAA,EAAA"}
@@ -0,0 +1,30 @@
1
+ import { create } from "zustand";
2
+ import { createJSONStorage, persist } from "zustand/middleware";
3
+
4
+ //#region src/stores/use-theme-store.tsx
5
+ const updateTheme = (theme$1) => {
6
+ const root = window.document.body;
7
+ root.classList.remove("light", "dark");
8
+ if (theme$1 === "system") {
9
+ const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
10
+ root.classList.add(systemTheme);
11
+ return;
12
+ }
13
+ root.classList.add(theme$1);
14
+ };
15
+ const useThemeStore = create()(persist((set) => ({
16
+ theme: "dark",
17
+ setTheme: (theme$1) => {
18
+ updateTheme(theme$1);
19
+ set({ theme: theme$1 });
20
+ }
21
+ }), {
22
+ name: "motia-theme-storage",
23
+ storage: createJSONStorage(() => localStorage)
24
+ }));
25
+ const { theme } = useThemeStore.getState();
26
+ if (theme) updateTheme(theme);
27
+
28
+ //#endregion
29
+ export { useThemeStore };
30
+ //# sourceMappingURL=use-theme-store.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-theme-store.js","names":["create","createJSONStorage","persist","Theme","updateTheme","theme","root","window","document","body","classList","remove","systemTheme","matchMedia","matches","add","Actions","setTheme","State","ThemeState","useThemeStore","set","name","storage","localStorage","getState"],"sources":["../../src/stores/use-theme-store.tsx"],"sourcesContent":["import { create } from 'zustand'\nimport { createJSONStorage, persist } from 'zustand/middleware'\n\nexport type Theme = 'dark' | 'light' | 'system'\n\nconst updateTheme = (theme: Theme) => {\n const root = window.document.body\n\n root.classList.remove('light', 'dark')\n\n if (theme === 'system') {\n const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n\n root.classList.add(systemTheme)\n return\n }\n\n root.classList.add(theme)\n}\n\ntype Actions = {\n setTheme: (theme: Theme) => void\n}\n\ntype State = {\n theme: Theme\n}\n\nexport type ThemeState = State & Actions\n\nexport const useThemeStore = create<ThemeState>()(\n persist(\n (set) => ({\n theme: 'dark',\n setTheme: (theme: Theme) => {\n updateTheme(theme)\n set({ theme })\n },\n }),\n {\n name: 'motia-theme-storage',\n storage: createJSONStorage(() => localStorage),\n },\n ),\n)\n\nconst { theme } = useThemeStore.getState()\n\nif (theme) {\n updateTheme(theme)\n}\n"],"mappings":";;;;AAKA,MAAMI,eAAeC,YAAiB;CACpC,MAAMC,OAAOC,OAAOC,SAASC;AAE7BH,MAAKI,UAAUC,OAAO,SAAS,OAAO;AAEtC,KAAIN,YAAU,UAAU;EACtB,MAAMO,cAAcL,OAAOM,WAAW,+BAA+B,CAACC,UAAU,SAAS;AAEzFR,OAAKI,UAAUK,IAAIH,YAAY;AAC/B;;AAGFN,MAAKI,UAAUK,IAAIV,QAAM;;AAa3B,MAAae,gBAAgBpB,QAAoB,CAC/CE,SACGmB,SAAS;CACRhB,OAAO;CACPY,WAAWZ,YAAiB;AAC1BD,cAAYC,QAAM;AAClBgB,MAAI,EAAEhB,gBAAO,CAAC;;CAEjB,GACD;CACEiB,MAAM;CACNC,SAAStB,wBAAwBuB,aAAY;CAEjD,CACF,CAAC;AAED,MAAM,EAAEnB,UAAUe,cAAcK,UAAU;AAE1C,IAAIpB,MACFD,aAAYC,MAAM"}