@deepnoid/ui 0.0.112 → 0.1.0

package/dist/chunk-V77MALL4.mjs

@@ -1,112 +0,0 @@
-"use client";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-J725QONZ.mjs";
-
-// src/components/list/listItem.tsx
-import { forwardRef, useCallback, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ListItem = forwardRef((originalProps, ref) => {
-  const [props, variantProps] = mapPropsVariants(originalProps, listItem.variantKeys);
-  const { title, selected, startContent, endContent, classNames, onClick } = props;
-  const slots = useMemo(() => listItem({ ...variantProps }), [...Object.values(variantProps)]);
-  const getBaseProps = useCallback(() => {
-    return {
-      className: slots.base({ class: classNames == null ? void 0 : classNames.base }),
-      "data-selected": selected,
-      onClick
-    };
-  }, [slots, classNames == null ? void 0 : classNames.base, selected, onClick]);
-  const getTitleWrapperProps = useCallback(() => {
-    return {
-      className: slots.titleWrapper({ class: classNames == null ? void 0 : classNames.titleWrapper })
-    };
-  }, [slots, classNames == null ? void 0 : classNames.titleWrapper]);
-  const getTitleProps = useCallback(() => {
-    return {
-      className: slots.title({ class: classNames == null ? void 0 : classNames.title })
-    };
-  }, [slots, classNames == null ? void 0 : classNames.title]);
-  return /* @__PURE__ */ jsxs("div", { ref, ...getBaseProps(), children: [
-    /* @__PURE__ */ jsxs("div", { ...getTitleWrapperProps(), children: [
-      startContent && startContent,
-      /* @__PURE__ */ jsx("span", { ...getTitleProps(), children: title })
-    ] }),
-    endContent && endContent
-  ] });
-});
-ListItem.displayName = "ListItem";
-var listItem_default = ListItem;
-var listItem = tv({
-  slots: {
-    base: [
-      "group",
-      "w-full",
-      "flex",
-      "justify-between",
-      "items-center",
-      "text-foreground",
-      "bg-transparent",
-      "px-[10px]",
-      "cursor-pointer",
-      "select-none",
-      "gap-[10px]",
-      "hover:bg-neutral-soft"
-    ],
-    titleWrapper: ["flex", "w-full", "gap-[10px]", "overflow-hidden", "whitespace-nowrap", "text-overflow-ellipsis"],
-    title: "truncate"
-  },
-  variants: {
-    variant: {
-      solid: {},
-      line: {}
-    },
-    size: {
-      sm: {
-        base: "min-h-[30px] text-sm"
-      },
-      md: {
-        base: "min-h-[40px] text-md"
-      },
-      lg: {
-        base: "min-h-[50px] text-lg"
-      }
-    },
-    color: {
-      primary: {},
-      secondary: {}
-    },
-    isInGroup: {
-      true: ""
-    }
-  },
-  defaultVariants: {
-    variant: "solid",
-    color: "primary",
-    size: "md",
-    isInGroup: false
-  },
-  compoundVariants: [
-    {
-      variant: "solid",
-      color: "primary",
-      class: {
-        base: ["data-[selected=true]:text-primary-main", "data-[selected=true]:bg-primary-soft"]
-      }
-    },
-    {
-      variant: "solid",
-      color: "secondary",
-      class: {
-        base: ["data-[selected=true]:text-secondary-main", "data-[selected=true]:bg-secondary-soft"]
-      }
-    }
-  ]
-});
-
-export {
-  listItem_default
-};

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
-  }
-});

package/dist/components/accordion/accordion.mjs

@@ -1,10 +0,0 @@
-"use client";
-import {
-  accordion_default
-} from "../../chunk-SWR7E3NU.mjs";
-import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-J725QONZ.mjs";
-import "../../chunk-IZ6II3QA.mjs";
-export {
-  accordion_default as default
-};