@deepnoid/ui 0.0.112 → 0.1.1

package/dist/chunk-ZNEEYSIK.mjs

@@ -1,257 +0,0 @@
-"use client";
-import {
-  Icon_default
-} from "./chunk-LCI6RPWE.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-J725QONZ.mjs";
-
-// src/components/input/input.tsx
-import React, { forwardRef, useRef, useCallback, useMemo } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Input = forwardRef((originalProps, ref) => {
-  const [props, variantProps] = mapPropsVariants(originalProps, inputStyle.variantKeys);
-  const { classNames, label, errorMessage, startContent, endContent, ...inputProps } = props;
-  const inputRef = useRef(null);
-  const slots = useMemo(() => inputStyle({ ...variantProps }), [variantProps]);
-  const getBaseProps = useCallback(
-    () => ({
-      className: slots.base({ class: classNames == null ? void 0 : classNames.base })
-    }),
-    [slots, classNames]
-  );
-  const getLabelProps = useCallback(
-    () => ({
-      className: slots.label({ class: classNames == null ? void 0 : classNames.label })
-    }),
-    [slots, classNames]
-  );
-  const getInnerWrapperProps = useCallback(
-    () => ({
-      className: slots.innerWrapper({ class: classNames == null ? void 0 : classNames.innerWrapper })
-    }),
-    [slots, classNames]
-  );
-  const getInputWrapperProps = useCallback(
-    () => ({
-      className: slots.inputWrapper({ class: classNames == null ? void 0 : classNames.inputWrapper })
-    }),
-    [slots, classNames]
-  );
-  const getInputProps = useCallback(
-    () => ({
-      ...inputProps,
-      ref: ref || inputRef,
-      className: slots.input({ class: classNames == null ? void 0 : classNames.input }),
-      size: 0
-    }),
-    [slots, classNames, inputProps, ref]
-  );
-  const getContentProps = useCallback(
-    () => ({
-      className: slots.content({ class: classNames == null ? void 0 : classNames.content }),
-      size: originalProps.size
-    }),
-    [slots, classNames, originalProps.size]
-  );
-  const getErrorMessageProps = useCallback(
-    () => ({
-      className: slots.errorMessage({ class: classNames == null ? void 0 : classNames.errorMessage })
-    }),
-    [slots, classNames]
-  );
-  const renderStartContent = () => {
-    if (React.isValidElement(startContent)) {
-      const existingProps = startContent.props;
-      const mergedProps = {
-        ...getContentProps(),
-        className: `${getContentProps().className || ""} ${existingProps.className || ""}`.trim()
-      };
-      return React.cloneElement(startContent, mergedProps);
-    } else {
-      const contentProps = getContentProps();
-      return /* @__PURE__ */ jsx("div", { ...contentProps, children: startContent });
-    }
-  };
-  const renderDateTimePickerIcon = () => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...getContentProps(),
-      onClick: () => {
-        const target = ref && "current" in ref ? ref.current : inputRef.current;
-        target == null ? void 0 : target.focus();
-        target == null ? void 0 : target.showPicker();
-      },
-      children: /* @__PURE__ */ jsx(Icon_default, { name: props.type === "time" ? "clock" : "calendar", size: originalProps.size, className: "cursor-pointer" })
-    }
-  );
-  const renderContentWithIcon = () => {
-    if (React.isValidElement(endContent)) {
-      const existingProps = endContent.props;
-      const mergedProps = {
-        ...getContentProps(),
-        className: `${getContentProps().className || ""} ${existingProps.className || ""}`.trim()
-      };
-      return React.cloneElement(endContent, mergedProps);
-    } else if (errorMessage) {
-      const iconProps = { ...getContentProps(), className: getContentProps().className };
-      return /* @__PURE__ */ jsx("div", { ...iconProps, children: /* @__PURE__ */ jsx(Icon_default, { name: "exclamation-circle", fill: true, size: originalProps.size }) });
-    } else {
-      return /* @__PURE__ */ jsx(Fragment, {});
-    }
-  };
-  const renderEndContent = () => {
-    switch (props.type) {
-      case "date":
-      case "datetime-local":
-      case "month":
-      case "week":
-      case "time":
-        return renderDateTimePickerIcon();
-      default:
-        return renderContentWithIcon();
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { ...getBaseProps(), children: [
-    label && /* @__PURE__ */ jsx("label", { ...getLabelProps(), children: label }),
-    /* @__PURE__ */ jsxs("div", { ...getInnerWrapperProps(), children: [
-      /* @__PURE__ */ jsxs("div", { ...getInputWrapperProps(), children: [
-        startContent && renderStartContent(),
-        /* @__PURE__ */ jsx("input", { ...getInputProps() }),
-        renderEndContent()
-      ] }),
-      errorMessage && /* @__PURE__ */ jsx("p", { ...getErrorMessageProps(), children: errorMessage })
-    ] })
-  ] });
-});
-Input.displayName = "Input";
-var input_default = Input;
-var inputStyle = tv({
-  slots: {
-    base: ["group/input", "flex", "flex-col"],
-    label: ["flex", "items-center"],
-    innerWrapper: ["flex", "flex-col"],
-    inputWrapper: [
-      "flex",
-      "items-center",
-      "transition",
-      "duration-200",
-      "group-has-[p]/input:border-danger-main",
-      "group-has-[p]/input:bg-danger-soft"
-    ],
-    input: ["w-full", "h-full", "bg-transparent", "placeholder:text-neutral-main", "focus-visible:outline-none"],
-    content: ["flex", "items-center", "select-none", "group-has-[p]/input:text-danger-main"],
-    errorMessage: ["text-danger-main"]
-  },
-  variants: {
-    variant: {
-      solid: {
-        inputWrapper: ["bg-trans-soft", "hover:bg-trans-light", "has-[:focus]:bg-trans-light"]
-      },
-      normal: {
-        inputWrapper: [
-          "bg-transparent",
-          "border",
-          "border-neutral-main",
-          "hover:bg-trans-soft",
-          "has-[:focus]:bg-trans-soft"
-        ]
-      },
-      line: {
-        inputWrapper: [
-          "bg-transparent",
-          "border-b",
-          "border-neutral-main",
-          "!rounded-none",
-          "hover:bg-trans-soft",
-          "has-[:focus]:bg-trans-soft"
-        ]
-      }
-    },
-    color: {
-      primary: {
-        inputWrapper: ["has-[:focus]:border-primary-main"],
-        content: ["text-primary-main"]
-      },
-      secondary: {
-        inputWrapper: ["has-[:focus]:border-secondary-main"],
-        content: ["text-secondary-main"]
-      }
-    },
-    size: {
-      sm: {
-        base: ["text-sm", "gap-[6px]"],
-        innerWrapper: ["group-has-[p]/input:gap-[6px]"],
-        inputWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-[6px]", "py-[4.5px]", "gap-[6px]"],
-        errorMessage: ["text-sm"]
-      },
-      md: {
-        base: ["text-md", "gap-[8px]"],
-        innerWrapper: ["group-has-[p]/input:gap-[8px]"],
-        inputWrapper: ["w-[240px]", "h-[30px]", "rounded-md", "px-[8px]", "py-[6.5px]", "gap-[8px]"],
-        errorMessage: ["text-md"]
-      },
-      lg: {
-        base: ["text-lg", "gap-[10px]"],
-        innerWrapper: ["group-has-[p]/input:gap-[10px]"],
-        inputWrapper: ["w-[240px]", "h-[36px]", "rounded-lg", "px-[10px]", "py-[8px]", "gap-[10px]"],
-        errorMessage: ["text-lg"]
-      }
-    },
-    radius: {
-      default: "",
-      none: {
-        inputWrapper: ["rounded-none"]
-      },
-      full: {
-        inputWrapper: ["rounded-full"]
-      }
-    },
-    fullWidth: {
-      true: {
-        base: ["w-full"],
-        innerWrapper: ["flex-1"],
-        inputWrapper: ["w-full"]
-      }
-    },
-    isDisabled: {
-      true: {
-        label: ["text-neutral-light"],
-        inputWrapper: ["bg-neutral-soft", "border-neutral-light", "pointer-events-none"],
-        input: ["text-neutral-light", "placeholder:text-neutral-light"],
-        content: ["text-neutral-light", "group-has-[p]/input:text-danger-light"],
-        errorMessage: ["text-danger-light"]
-      }
-    },
-    isRequired: {
-      true: {
-        label: ["after:content-['*']", "after:text-danger-main", "after:ml-0.5"]
-      }
-    }
-  },
-  defaultVariants: {
-    variant: "solid",
-    color: "primary",
-    size: "md",
-    fullWidth: false,
-    isDisabled: false,
-    isRequired: false
-  },
-  compoundVariants: [
-    {
-      isDisabled: true,
-      isRequired: true,
-      class: {
-        label: ["after:text-danger-light"]
-      }
-    }
-  ]
-});
-
-export {
-  input_default,
-  inputStyle
-};

package/dist/components/accordion/accordion.d.mts

@@ -1,154 +0,0 @@
-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 { SlotsToClasses } from '../../utils/types.mjs';
-
-interface Props {
-    children?: ReactNode;
-    classNames?: SlotsToClasses<AccordionSlots>;
-    selectionMode?: "single" | "multiple";
-    selectionIndex?: number;
-}
-type AccordionProps = Props & AccordionVariantProps;
-declare const Accordion: React__default.ForwardRefExoticComponent<Props & AccordionVariantProps & React__default.RefAttributes<HTMLDivElement>>;
-
-declare const accordion: tailwind_variants.TVReturnType<{
-    variant: {
-        solid: {
-            base: string;
-        };
-        line: {};
-    };
-    size: {
-        sm: {};
-        md: {};
-        lg: {};
-    };
-    color: {
-        primary: {};
-        secondary: {};
-    };
-    disableAnimation: {
-        true: {};
-        false: {};
-    };
-}, {
-    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;
-        disableAnimation?: 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: {
-            base: string;
-        };
-        line: {};
-    };
-    size: {
-        sm: {};
-        md: {};
-        lg: {};
-    };
-    color: {
-        primary: {};
-        secondary: {};
-    };
-    disableAnimation: {
-        true: {};
-        false: {};
-    };
-}, {
-    base: string[];
-}, tailwind_variants.TVReturnType<{
-    variant: {
-        solid: {
-            base: string;
-        };
-        line: {};
-    };
-    size: {
-        sm: {};
-        md: {};
-        lg: {};
-    };
-    color: {
-        primary: {};
-        secondary: {};
-    };
-    disableAnimation: {
-        true: {};
-        false: {};
-    };
-}, {
-    base: string[];
-}, undefined, tailwind_variants_dist_config.TVConfig<{
-    variant: {
-        solid: {
-            base: string;
-        };
-        line: {};
-    };
-    size: {
-        sm: {};
-        md: {};
-        lg: {};
-    };
-    color: {
-        primary: {};
-        secondary: {};
-    };
-    disableAnimation: {
-        true: {};
-        false: {};
-    };
-}, {
-    variant: {
-        solid: {
-            base: string;
-        };
-        line: {};
-    };
-    size: {
-        sm: {};
-        md: {};
-        lg: {};
-    };
-    color: {
-        primary: {};
-        secondary: {};
-    };
-    disableAnimation: {
-        true: {};
-        false: {};
-    };
-}>, unknown, unknown, undefined>>;
-type AccordionVariantProps = VariantProps<typeof accordion>;
-type AccordionSlots = keyof ReturnType<typeof accordion>;
-type AccordionReturnType = ReturnType<typeof accordion>;
-
-export { type AccordionProps, type AccordionReturnType, type AccordionSlots, type AccordionVariantProps, type Props, Accordion as default };

package/dist/components/accordion/accordion.d.ts

@@ -1,154 +0,0 @@
-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 { SlotsToClasses } from '../../utils/types.js';
-
-interface Props {
-    children?: ReactNode;
-    classNames?: SlotsToClasses<AccordionSlots>;
-    selectionMode?: "single" | "multiple";
-    selectionIndex?: number;
-}
-type AccordionProps = Props & AccordionVariantProps;
-declare const Accordion: React__default.ForwardRefExoticComponent<Props & AccordionVariantProps & React__default.RefAttributes<HTMLDivElement>>;
-
-declare const accordion: tailwind_variants.TVReturnType<{
-    variant: {
-        solid: {
-            base: string;
-        };
-        line: {};
-    };
-    size: {
-        sm: {};
-        md: {};
-        lg: {};
-    };
-    color: {
-        primary: {};
-        secondary: {};
-    };
-    disableAnimation: {
-        true: {};
-        false: {};
-    };
-}, {
-    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;
-        disableAnimation?: 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: {
-            base: string;
-        };
-        line: {};
-    };
-    size: {
-        sm: {};
-        md: {};
-        lg: {};
-    };
-    color: {
-        primary: {};
-        secondary: {};
-    };
-    disableAnimation: {
-        true: {};
-        false: {};
-    };
-}, {
-    base: string[];
-}, tailwind_variants.TVReturnType<{
-    variant: {
-        solid: {
-            base: string;
-        };
-        line: {};
-    };
-    size: {
-        sm: {};
-        md: {};
-        lg: {};
-    };
-    color: {
-        primary: {};
-        secondary: {};
-    };
-    disableAnimation: {
-        true: {};
-        false: {};
-    };
-}, {
-    base: string[];
-}, undefined, tailwind_variants_dist_config.TVConfig<{
-    variant: {
-        solid: {
-            base: string;
-        };
-        line: {};
-    };
-    size: {
-        sm: {};
-        md: {};
-        lg: {};
-    };
-    color: {
-        primary: {};
-        secondary: {};
-    };
-    disableAnimation: {
-        true: {};
-        false: {};
-    };
-}, {
-    variant: {
-        solid: {
-            base: string;
-        };
-        line: {};
-    };
-    size: {
-        sm: {};
-        md: {};
-        lg: {};
-    };
-    color: {
-        primary: {};
-        secondary: {};
-    };
-    disableAnimation: {
-        true: {};
-        false: {};
-    };
-}>, unknown, unknown, undefined>>;
-type AccordionVariantProps = VariantProps<typeof accordion>;
-type AccordionSlots = keyof ReturnType<typeof accordion>;
-type AccordionReturnType = ReturnType<typeof accordion>;
-
-export { type AccordionProps, type AccordionReturnType, type AccordionSlots, type AccordionVariantProps, type Props, Accordion as default };

package/dist/components/accordion/accordion.js

@@ -1,142 +0,0 @@
-"use client";
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/accordion/accordion.tsx
-var accordion_exports = {};
-__export(accordion_exports, {
-  default: () => accordion_default
-});
-module.exports = __toCommonJS(accordion_exports);
-var import_react = __toESM(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"];
-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] }],
-      padding: [{ p: [...COMMON_SIZE] }],
-      gap: [{ gap: [...COMMON_SIZE] }]
-    }
-  }
-});
-
-// src/utils/props.ts
-var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
-  if (!variantKeys) {
-    return [props, {}];
-  }
-  const picked = variantKeys.reduce((acc, key) => {
-    if (key in props) {
-      return { ...acc, [key]: props[key] };
-    } else {
-      return acc;
-    }
-  }, {});
-  if (removeVariantProps) {
-    const omitted = Object.keys(props).filter((key) => !variantKeys.includes(key)).reduce((acc, key) => ({ ...acc, [key]: props[key] }), {});
-    return [omitted, picked];
-  } else {
-    return [props, picked];
-  }
-};
-
-// src/components/accordion/accordion.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var Accordion = (0, import_react.forwardRef)((originalProps, ref) => {
-  const [props, variantProps] = mapPropsVariants(originalProps, accordion.variantKeys);
-  const { children, classNames, selectionMode = "single", selectionIndex } = props;
-  const slots = (0, import_react.useMemo)(() => accordion({ ...variantProps }), [...Object.values(variantProps)]);
-  const [selections, setSelections] = (0, import_react.useState)(typeof selectionIndex === "number" ? [selectionIndex] : []);
-  const getBaseProps = (0, import_react.useCallback)(() => {
-    return {
-      className: slots.base({ class: classNames == null ? void 0 : classNames.base })
-    };
-  }, [slots, classNames == null ? void 0 : classNames.base]);
-  const toggleItem = (index) => {
-    setSelections((prevIndices) => {
-      if (selectionMode === "single") {
-        return prevIndices.includes(index) ? [] : [index];
-      } else {
-        return prevIndices.includes(index) ? prevIndices.filter((i) => i !== index) : [...prevIndices, index];
-      }
-    });
-  };
-  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, {
-      ...variantProps,
-      ...child.props,
-      isInGroup: true,
-      isOpen: selections.includes(index),
-      onToggle: () => toggleItem(index)
-    });
-  }) });
-});
-Accordion.displayName = "Accordion";
-var accordion_default = Accordion;
-var accordion = tv({
-  slots: {
-    base: ["flex", "flex-col"]
-  },
-  variants: {
-    variant: {
-      solid: {
-        base: "gap-[10px]"
-      },
-      line: {}
-    },
-    size: {
-      sm: {},
-      md: {},
-      lg: {}
-    },
-    color: {
-      primary: {},
-      secondary: {}
-    },
-    disableAnimation: {
-      true: {},
-      false: {}
-    }
-  },
-  defaultVariants: {
-    variant: "solid",
-    color: "primary",
-    size: "md",
-    disableAnimation: false
-  }
-});