@deepnoid/ui 0.0.111 → 0.1.0

package/dist/components/list/index.mjs

@@ -2,13 +2,17 @@
 import "../../chunk-7MVEAQ7Z.mjs";
 import {
   list_default
-} from "../../chunk-EYY4CRRR.mjs";
+} from "../../chunk-5S4XGPBB.mjs";
 import {
   listItem_default
-} from "../../chunk-V77MALL4.mjs";
+} from "../../chunk-MW6Y3FSE.mjs";
+import "../../chunk-XAA5KY6A.mjs";
+import "../../chunk-ZYIIXWVY.mjs";
+import "../../chunk-24NQEB73.mjs";
+import "../../chunk-P2TMIZRH.mjs";
+import "../../chunk-IE2BRM7Z.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-J725QONZ.mjs";
-import "../../chunk-IZ6II3QA.mjs";
+import "../../chunk-AC6TWLRT.mjs";
 export {
   list_default as List,
   listItem_default as ListItem

package/dist/components/list/list.d.mts

@@ -1,121 +1,71 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
-import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
-import React__default, { ReactNode } from 'react';
+import * as react from 'react';
+import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
 interface Props {
     children?: ReactNode;
     classNames?: SlotsToClasses<ListSlots>;
 }
-type ListProps = Props & ListVariantProps;
-declare const List: React__default.ForwardRefExoticComponent<Props & ListVariantProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const List: react.ForwardRefExoticComponent<Props & ListVariantProps & react.RefAttributes<HTMLDivElement>>;
 
-declare const list: tailwind_variants.TVReturnType<{
+declare const listStyle: tailwind_variants.TVReturnType<{
     variant: {
         solid: {};
-        line: {};
+        outline: {};
     };
     size: {
         sm: {};
         md: {};
         lg: {};
+        xl: {};
     };
     color: {
         primary: {};
         secondary: {};
+        neutral: {};
     };
 }, {
     base: string[];
 }, undefined, {
-    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
-        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config.TWMConfig & {
-    twMergeConfig: {
-        classGroups: {
-            fontSize: {
-                text: string[];
-            }[];
-            borderRadius: {
-                rounded: string[];
-            }[];
-            boxShadow: {
-                shadow: string[];
-            }[];
-            padding: {
-                p: string[];
-            }[];
-            gap: {
-                gap: string[];
-            }[];
-        };
-    };
-}, {
     variant: {
         solid: {};
-        line: {};
+        outline: {};
     };
     size: {
         sm: {};
         md: {};
         lg: {};
+        xl: {};
     };
     color: {
         primary: {};
         secondary: {};
+        neutral: {};
     };
 }, {
     base: string[];
 }, tailwind_variants.TVReturnType<{
     variant: {
         solid: {};
-        line: {};
+        outline: {};
     };
     size: {
         sm: {};
         md: {};
         lg: {};
+        xl: {};
     };
     color: {
         primary: {};
         secondary: {};
+        neutral: {};
     };
 }, {
     base: string[];
-}, undefined, tailwind_variants_dist_config.TVConfig<{
-    variant: {
-        solid: {};
-        line: {};
-    };
-    size: {
-        sm: {};
-        md: {};
-        lg: {};
-    };
-    color: {
-        primary: {};
-        secondary: {};
-    };
-}, {
-    variant: {
-        solid: {};
-        line: {};
-    };
-    size: {
-        sm: {};
-        md: {};
-        lg: {};
-    };
-    color: {
-        primary: {};
-        secondary: {};
-    };
-}>, unknown, unknown, undefined>>;
-type ListVariantProps = VariantProps<typeof list>;
-type ListSlots = keyof ReturnType<typeof list>;
-type ListReturnType = ReturnType<typeof list>;
+}, undefined, unknown, unknown, undefined>>;
+type ListVariantProps = VariantProps<typeof listStyle>;
+type ListSlots = keyof ReturnType<typeof listStyle>;
 
-export { type ListProps, type ListReturnType, type ListSlots, type ListVariantProps, type Props, List as default };
+export { List as default };

package/dist/components/list/list.d.ts

@@ -1,121 +1,71 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
-import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
-import React__default, { ReactNode } from 'react';
+import * as react from 'react';
+import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
 
 interface Props {
     children?: ReactNode;
     classNames?: SlotsToClasses<ListSlots>;
 }
-type ListProps = Props & ListVariantProps;
-declare const List: React__default.ForwardRefExoticComponent<Props & ListVariantProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const List: react.ForwardRefExoticComponent<Props & ListVariantProps & react.RefAttributes<HTMLDivElement>>;
 
-declare const list: tailwind_variants.TVReturnType<{
+declare const listStyle: tailwind_variants.TVReturnType<{
     variant: {
         solid: {};
-        line: {};
+        outline: {};
     };
     size: {
         sm: {};
         md: {};
         lg: {};
+        xl: {};
     };
     color: {
         primary: {};
         secondary: {};
+        neutral: {};
     };
 }, {
     base: string[];
 }, undefined, {
-    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
-        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config.TWMConfig & {
-    twMergeConfig: {
-        classGroups: {
-            fontSize: {
-                text: string[];
-            }[];
-            borderRadius: {
-                rounded: string[];
-            }[];
-            boxShadow: {
-                shadow: string[];
-            }[];
-            padding: {
-                p: string[];
-            }[];
-            gap: {
-                gap: string[];
-            }[];
-        };
-    };
-}, {
     variant: {
         solid: {};
-        line: {};
+        outline: {};
     };
     size: {
         sm: {};
         md: {};
         lg: {};
+        xl: {};
     };
     color: {
         primary: {};
         secondary: {};
+        neutral: {};
     };
 }, {
     base: string[];
 }, tailwind_variants.TVReturnType<{
     variant: {
         solid: {};
-        line: {};
+        outline: {};
     };
     size: {
         sm: {};
         md: {};
         lg: {};
+        xl: {};
     };
     color: {
         primary: {};
         secondary: {};
+        neutral: {};
     };
 }, {
     base: string[];
-}, undefined, tailwind_variants_dist_config.TVConfig<{
-    variant: {
-        solid: {};
-        line: {};
-    };
-    size: {
-        sm: {};
-        md: {};
-        lg: {};
-    };
-    color: {
-        primary: {};
-        secondary: {};
-    };
-}, {
-    variant: {
-        solid: {};
-        line: {};
-    };
-    size: {
-        sm: {};
-        md: {};
-        lg: {};
-    };
-    color: {
-        primary: {};
-        secondary: {};
-    };
-}>, unknown, unknown, undefined>>;
-type ListVariantProps = VariantProps<typeof list>;
-type ListSlots = keyof ReturnType<typeof list>;
-type ListReturnType = ReturnType<typeof list>;
+}, undefined, unknown, unknown, undefined>>;
+type ListVariantProps = VariantProps<typeof listStyle>;
+type ListSlots = keyof ReturnType<typeof listStyle>;
 
-export { type ListProps, type ListReturnType, type ListSlots, type ListVariantProps, type Props, List as default };
+export { List as default };

package/dist/components/list/list.js

@@ -6,6 +6,9 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -28,29 +31,304 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
+// ../../node_modules/tailwindcss/lib/util/createPlugin.js
+var require_createPlugin = __commonJS({
+  "../../node_modules/tailwindcss/lib/util/createPlugin.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports2, "default", {
+      enumerable: true,
+      get: function() {
+        return _default;
+      }
+    });
+    function createPlugin(plugin2, config) {
+      return {
+        handler: plugin2,
+        config
+      };
+    }
+    createPlugin.withOptions = function(pluginFunction, configFunction = () => ({})) {
+      const optionsFunction = function(options) {
+        return {
+          __options: options,
+          handler: pluginFunction(options),
+          config: configFunction(options)
+        };
+      };
+      optionsFunction.__isOptionsFunction = true;
+      optionsFunction.__pluginFunction = pluginFunction;
+      optionsFunction.__configFunction = configFunction;
+      return optionsFunction;
+    };
+    var _default = createPlugin;
+  }
+});
+
+// ../../node_modules/tailwindcss/lib/public/create-plugin.js
+var require_create_plugin = __commonJS({
+  "../../node_modules/tailwindcss/lib/public/create-plugin.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports2, "default", {
+      enumerable: true,
+      get: function() {
+        return _default;
+      }
+    });
+    var _createPlugin = /* @__PURE__ */ _interop_require_default(require_createPlugin());
+    function _interop_require_default(obj) {
+      return obj && obj.__esModule ? obj : {
+        default: obj
+      };
+    }
+    var _default = _createPlugin.default;
+  }
+});
+
+// ../../node_modules/tailwindcss/plugin.js
+var require_plugin = __commonJS({
+  "../../node_modules/tailwindcss/plugin.js"(exports2, module2) {
+    "use strict";
+    var createPlugin = require_create_plugin();
+    module2.exports = (createPlugin.__esModule ? createPlugin : { default: createPlugin }).default;
+  }
+});
+
 // src/components/list/list.tsx
 var list_exports = {};
 __export(list_exports, {
   default: () => list_default
 });
 module.exports = __toCommonJS(list_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 
 // src/utils/tailwind-variants.ts
 var import_tailwind_variants = require("tailwind-variants");
-var COMMON_SIZE = ["sm", "md", "lg"];
-var COMMON_RADIUS = ["xlg", "xxlg", "none", "full"];
-var COMMON_FONTSIZE = ["h1", "h2", "h3", "h4", "h5"];
-var COMMON_SHADOW = ["inner", "drop"];
+
+// ../tailwind-config/src/plugin.ts
+var import_plugin = __toESM(require_plugin());
+
+// ../tailwind-config/src/typography/font.ts
+var fontSize = {
+  h1: [
+    "40px",
+    {
+      letterSpacing: "-2%",
+      fontWeight: "700"
+    }
+  ],
+  h2: [
+    "34px",
+    {
+      letterSpacing: "-2%",
+      fontWeight: "700"
+    }
+  ],
+  h3: [
+    "28px",
+    {
+      letterSpacing: "-2%",
+      fontWeight: "700"
+    }
+  ],
+  h4: [
+    "24px",
+    {
+      letterSpacing: "-2%",
+      fontWeight: "700"
+    }
+  ],
+  h5: [
+    "20px",
+    {
+      letterSpacing: "-2%",
+      fontWeight: "600"
+    }
+  ],
+  sm: [
+    "12px",
+    {
+      lineHeight: "18px",
+      letterSpacing: "-2%",
+      fontWeight: "400"
+    }
+  ],
+  md: [
+    "14px",
+    {
+      lineHeight: "21px",
+      letterSpacing: "-2%",
+      fontWeight: "400"
+    }
+  ],
+  lg: [
+    "16px",
+    {
+      lineHeight: "24px",
+      letterSpacing: "-2%",
+      fontWeight: "400"
+    }
+  ],
+  xl: [
+    "18px",
+    {
+      lineHeight: "27px",
+      letterSpacing: "-2%",
+      fontWeight: "400"
+    }
+  ]
+};
+
+// ../tailwind-config/src/animation/slide.ts
+var sliceAnimation = {
+  slideInFromTop: "slideInFromTop 0.5s ease-out",
+  slideInFromBottom: "slideInFromBottom 0.5s ease-out",
+  slideInFromLeft: "slideInFromLeft 0.5s ease-out",
+  slideInFromRight: "slideInFromRight 0.5s ease-out",
+  slideOutToTop: "slideOutToTop 0.5s ease-in",
+  slideOutToBottom: "slideOutToBottom 0.5s ease-in",
+  slideOutToLeft: "slideOutToLeft 0.5s ease-in",
+  slideOutToRight: "slideOutToRight 0.5s ease-in"
+};
+var sliceKeyframe = {
+  slideInFromTop: {
+    "0%": {
+      transform: "translateY(-10px)",
+      opacity: "0"
+    },
+    "100%": {
+      transform: "translateY(0)",
+      opacity: "1"
+    }
+  },
+  slideInFromBottom: {
+    "0%": {
+      transform: "translateY(10px)",
+      opacity: "0"
+    },
+    "100%": {
+      transform: "translateY(0)",
+      opacity: "1"
+    }
+  },
+  slideInFromLeft: {
+    "0%": {
+      transform: "translateX(-10px)",
+      opacity: "0"
+    },
+    "100%": {
+      transform: "translateX(0)",
+      opacity: "1"
+    }
+  },
+  slideInFromRight: {
+    "0%": {
+      transform: "translateX(10px)",
+      opacity: "0"
+    },
+    "100%": {
+      transform: "translateX(0)",
+      opacity: "1"
+    }
+  },
+  slideOutToTop: {
+    "0%": {
+      transform: "translateY(0)",
+      opacity: "1"
+    },
+    "100%": {
+      transform: "translateY(-10px)",
+      opacity: "0"
+    }
+  },
+  slideOutToBottom: {
+    "0%": {
+      transform: "translateY(0)",
+      opacity: "1"
+    },
+    "100%": {
+      transform: "translateY(10px)",
+      opacity: "0"
+    }
+  },
+  slideOutToLeft: {
+    "0%": {
+      transform: "translateX(0)",
+      opacity: "1"
+    },
+    "100%": {
+      transform: "translateX(-10px)",
+      opacity: "0"
+    }
+  },
+  slideOutToRight: {
+    "0%": {
+      transform: "translateX(0)",
+      opacity: "1"
+    },
+    "100%": {
+      transform: "translateX(10px)",
+      opacity: "0"
+    }
+  }
+};
+
+// ../tailwind-config/src/animation/index.ts
+var animation = { ...sliceAnimation };
+var keyframes = { ...sliceKeyframe };
+
+// ../tailwind-config/src/shadow/index.ts
+var boxShadow = {
+  "border-1": "inner 0 0 0 1px inset",
+  "border-2": "inner 0 0 0 2px inset",
+  "border-3": "inner 0 0 0 3px inset",
+  "border-4": "inner 0 0 0 4px inset",
+  "border-5": "inner 0 0 0 5px inset",
+  "border-6": "inner 0 0 0 6px inset",
+  "border-7": "inner 0 0 0 7px inset",
+  "border-8": "inner 0 0 0 8px inset",
+  "border-9": "inner 0 0 0 9px inset",
+  "border-10": "inner 0 0 0 10px inset",
+  inner: "inset 0 4px 8px 0 rgba(36, 39, 44, 0.2)",
+  drop: "0 20px 40px 0 rgba(36, 39, 44, 0.2)"
+};
+
+// ../tailwind-config/src/border/radius.ts
+var borderRadius = {
+  sm: "4px",
+  md: "6px",
+  lg: "8px",
+  xl: "10px",
+  none: "0",
+  full: "9999px"
+};
+
+// ../tailwind-config/src/space/gap.ts
+var gap = {
+  sm: "4px",
+  md: "6px",
+  lg: "8px",
+  xl: "10px"
+};
+
+// src/utils/tailwind-variants.ts
+function typedKeys(obj) {
+  return Object.keys(obj);
+}
+var COMMON_SIZE = ["sm", "md", "lg", "xl"];
 var tv = (0, import_tailwind_variants.createTV)({
-  // twMerge: false,
   twMergeConfig: {
     classGroups: {
-      fontSize: [{ text: [...COMMON_SIZE, ...COMMON_FONTSIZE] }],
-      borderRadius: [{ rounded: [...COMMON_RADIUS, ...COMMON_SIZE] }],
-      boxShadow: [{ shadow: [...COMMON_SHADOW] }],
+      fontSize: [{ text: [...typedKeys(fontSize)] }],
+      borderRadius: [{ rounded: [...typedKeys(borderRadius)] }],
+      boxShadow: [{ shadow: [...typedKeys(boxShadow)] }],
       padding: [{ p: [...COMMON_SIZE] }],
-      gap: [{ gap: [...COMMON_SIZE] }]
+      gap: [{ gap: [...typedKeys(gap)] }]
     }
   }
 });
@@ -78,16 +356,12 @@ var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
 // src/components/list/list.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var List = (0, import_react.forwardRef)((originalProps, ref) => {
-  const [props, variantProps] = mapPropsVariants(originalProps, list.variantKeys);
+  const [props, variantProps] = mapPropsVariants(originalProps, listStyle.variantKeys);
   const { children, classNames } = props;
-  const slots = (0, import_react.useMemo)(() => list({ ...variantProps }), [...Object.values(variantProps)]);
-  const getBaseProps = (0, import_react.useCallback)(() => {
-    return {
-      className: slots.base({ class: classNames == null ? void 0 : classNames.base })
-    };
-  }, [slots, classNames == null ? void 0 : classNames.base]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, ...getBaseProps(), children: import_react.default.Children.map(children, (child, index) => {
-    return import_react.default.cloneElement(child, {
+  const slots = (0, import_react.useMemo)(() => listStyle(variantProps), [variantProps]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: import_react.Children.map(children, (child) => {
+    if (!(0, import_react.isValidElement)(child)) return child;
+    return (0, import_react.cloneElement)(child, {
       ...variantProps,
       ...child.props
     });
@@ -95,23 +369,25 @@ var List = (0, import_react.forwardRef)((originalProps, ref) => {
 });
 List.displayName = "List";
 var list_default = List;
-var list = tv({
+var listStyle = tv({
   slots: {
     base: ["flex", "flex-col"]
   },
   variants: {
     variant: {
       solid: {},
-      line: {}
+      outline: {}
     },
     size: {
       sm: {},
       md: {},
-      lg: {}
+      lg: {},
+      xl: {}
     },
     color: {
       primary: {},
-      secondary: {}
+      secondary: {},
+      neutral: {}
     }
   },
   defaultVariants: {

package/dist/components/list/list.mjs

@@ -1,10 +1,10 @@
 "use client";
 import {
   list_default
-} from "../../chunk-EYY4CRRR.mjs";
+} from "../../chunk-5S4XGPBB.mjs";
+import "../../chunk-IE2BRM7Z.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-J725QONZ.mjs";
-import "../../chunk-IZ6II3QA.mjs";
+import "../../chunk-AC6TWLRT.mjs";
 export {
   list_default as default
 };