@rark-ui/themes 1.0.0

package/dist/default/crafts/core/tree.js

@@ -0,0 +1,145 @@
+import { tv } from '../../../shared/utils/tv';
+const prefix = 'rui-tree';
+export const tvTree = tv({
+    slots: {
+        root: '',
+        tree: '',
+    },
+}, {
+    slots: {
+        root: prefix,
+        tree: `${prefix}-tree`,
+    },
+});
+export const tvTreeBranch = tv({
+    slots: {
+        root: 'data-[disabled]:pointer-events-none',
+        control: 'flex items-center justify-between data-[disabled]:pointer-events-none',
+        title: 'flex items-center',
+        text: '',
+        icon: 'size-[1lh]',
+        indicator: [
+            'data-[state=open]:rotate-90',
+            'data-[state=closed]:rotate-0',
+            'transition-transform',
+        ],
+        content: [
+            'overflow-hidden',
+            'data-[state=open]:animate-collapsible-down',
+            'data-[state=closed]:animate-collapsible-up',
+        ],
+        indentGuide: '',
+        checkbox: '',
+        checkboxIndicator: '',
+    },
+    variants: {
+        size: {
+            xs: {
+                control: [
+                    'text-xs',
+                    'min-h-6',
+                    'pl-[calc((var(--depth)-1)*var(--indent,calc(var(--spacing)*3.5)))]',
+                ],
+                title: 'gap-2',
+            },
+            sm: {
+                control: [
+                    'text-sm',
+                    'min-h-8',
+                    'pl-[calc((var(--depth)-1)*var(--indent,calc(var(--spacing)*4)))]',
+                ],
+                title: 'gap-2.5',
+            },
+            base: {
+                control: [
+                    'text-base',
+                    'min-h-10',
+                    'pl-[calc((var(--depth)-1)*var(--indent,calc(var(--spacing)*4.5)))]',
+                ],
+                title: 'gap-3',
+            },
+            lg: {
+                control: [
+                    'text-lg',
+                    'min-h-12',
+                    'pl-[calc((var(--depth)-1)*var(--indent,calc(var(--spacing)*5)))]',
+                ],
+                title: 'gap-3.5',
+            },
+        },
+    },
+    defaultVariants: {
+        size: 'base',
+    },
+}, {
+    slots: {
+        root: `${prefix}-branch`,
+        control: `${prefix}-branch-control`,
+        title: `${prefix}-branch-title`,
+        text: `${prefix}-branch-text`,
+        icon: `${prefix}-branch-icon`,
+        indicator: `${prefix}-branch-indicator`,
+        content: `${prefix}-branch-content`,
+        indentGuide: `${prefix}-branch-indent-guide`,
+        checkbox: `${prefix}-branch-checkbox`,
+        checkboxIndicator: `${prefix}-branch-checkbox-indicator`,
+    },
+});
+export const tvTreeItem = tv({
+    slots: {
+        root: 'data-[disabled]:pointer-events-none',
+        title: 'flex items-center gap-2',
+        icon: 'size-[1lh]',
+        text: '',
+        checkbox: '',
+        checkboxIndicator: '',
+    },
+    variants: {
+        size: {
+            xs: {
+                title: [
+                    'gap-2',
+                    'min-h-6',
+                    'text-xs',
+                    'pl-[calc((var(--depth)-1)*var(--indent,calc(var(--spacing)*3.5)))]',
+                ],
+            },
+            sm: {
+                title: [
+                    'gap-2.5',
+                    'min-h-8',
+                    'text-sm',
+                    'pl-[calc((var(--depth)-1)*var(--indent,calc(var(--spacing)*4)))]',
+                ],
+            },
+            base: {
+                title: [
+                    'gap-3',
+                    'min-h-10',
+                    'text-base',
+                    'pl-[calc((var(--depth)-1)*var(--indent,calc(var(--spacing)*4.5)))]',
+                ],
+            },
+            lg: {
+                title: [
+                    'gap-3.5',
+                    'min-h-12',
+                    'text-lg',
+                    'pl-[calc((var(--depth)-1)*var(--indent,calc(var(--spacing)*5)))]',
+                ],
+            },
+        },
+    },
+    defaultVariants: {
+        size: 'base',
+    },
+}, {
+    slots: {
+        root: `${prefix}-item`,
+        title: `${prefix}-item-title`,
+        icon: `${prefix}-item-icon`,
+        text: `${prefix}-item-text`,
+        checkbox: `${prefix}-item-checkbox`,
+        checkboxIndicator: `${prefix}-item-checkbox-indicator`,
+    },
+});

package/dist/default/crafts/index.d.ts

@@ -0,0 +1,4 @@
+export * as addonsCrafts from './addons';
+export type * from './addons';
+export * as coreCrafts from './core';
+export type * from './core';

package/dist/default/crafts/index.js

@@ -0,0 +1,2 @@
+export * as addonsCrafts from './addons';
+export * as coreCrafts from './core';

package/dist/default/index.d.ts

@@ -0,0 +1,4 @@
+export { cn } from '../shared/utils/cn';
+export { tv } from '../shared/utils/tv';
+export { addonsCrafts, coreCrafts } from './crafts';
+export type * from './crafts';

package/dist/default/index.js

@@ -0,0 +1,3 @@
+export { cn } from '../shared/utils/cn';
+export { tv } from '../shared/utils/tv';
+export { addonsCrafts, coreCrafts } from './crafts';

package/dist/razer/crafts/addons/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/razer/crafts/addons/index.js

@@ -0,0 +1 @@
+export {};

package/dist/razer/crafts/core/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ *
+ * you can extend the core crafts by importing them from the default theme
+ * and then extending them with your own customizations
+ *
+ * example:
+ * import { coreCrafts } from '../../../default'
+ * import { tv } from '../../../shared/utils/tv'
+ * export const tvButton = tv({
+ *   extend: coreCrafts.tvButton,
+ *   // your own customizations here
+ * })
+ *
+ */
+export {};

package/dist/razer/crafts/core/index.js

@@ -0,0 +1,15 @@
+/**
+ *
+ * you can extend the core crafts by importing them from the default theme
+ * and then extending them with your own customizations
+ *
+ * example:
+ * import { coreCrafts } from '../../../default'
+ * import { tv } from '../../../shared/utils/tv'
+ * export const tvButton = tv({
+ *   extend: coreCrafts.tvButton,
+ *   // your own customizations here
+ * })
+ *
+ */
+export {};

package/dist/razer/crafts/index.d.ts

@@ -0,0 +1,4 @@
+export * as addonsCrafts from './addons';
+export type * from './addons';
+export * as coreCrafts from './core';
+export type * from './core';

package/dist/razer/crafts/index.js

@@ -0,0 +1,2 @@
+export * as addonsCrafts from './addons';
+export * as coreCrafts from './core';