singularity-components 0.1.10 → 0.1.53

package/dist/main.d.cts

@@ -0,0 +1,55 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { PropsWithChildren } from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+type props = {
+    text?: string;
+};
+declare const Demo: ({ text }: props) => react_jsx_runtime.JSX.Element;
+
+type ValidBreakpoint = "" | "sm:" | "md:" | "lg:" | "xl:" | "2xl:";
+type ValidMarginDirection = "m-" | "mx-" | "my-" | "mt-" | "mr-" | "mb-" | "ml-";
+type ValidMarginSize = "0" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "auto";
+type TailwindMarginClass = "" | `${ValidBreakpoint}${ValidMarginDirection}${ValidMarginSize}`;
+type OmitClassProperty<T1, T2 extends string> = Omit<T1, T2>;
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "primary" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends OmitClassProperty<React.ButtonHTMLAttributes<HTMLButtonElement>, "className">, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    className?: TailwindMarginClass;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "outline" | "purple" | "green" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BadgeProps extends OmitClassProperty<React.HTMLAttributes<HTMLDivElement>, "className">, VariantProps<typeof badgeVariants> {
+    className?: TailwindMarginClass;
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+declare const layoutVariants: (props?: ({
+    variant?: "100" | "66-33" | "50-50" | "33-33-33" | "25-25-25-25" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface LayoutProps extends OmitClassProperty<React.HTMLAttributes<HTMLDivElement>, "className">, VariantProps<typeof layoutVariants> {
+    fullWidth?: boolean;
+    className?: TailwindMarginClass;
+}
+declare function Layout({ children, className, variant, ...props }: PropsWithChildren<LayoutProps>): react_jsx_runtime.JSX.Element;
+declare namespace Layout {
+    var Col1: typeof Col;
+    var Col2: typeof Col;
+    var Col3: typeof Col;
+    var Col4: typeof Col;
+}
+type colProp = {
+    children: React.ReactNode;
+};
+declare function Col({ children }: colProp): react_jsx_runtime.JSX.Element;
+
+export { Badge, Button, Demo, Layout };

package/dist/main.d.ts

@@ -0,0 +1,55 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { PropsWithChildren } from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+type props = {
+    text?: string;
+};
+declare const Demo: ({ text }: props) => react_jsx_runtime.JSX.Element;
+
+type ValidBreakpoint = "" | "sm:" | "md:" | "lg:" | "xl:" | "2xl:";
+type ValidMarginDirection = "m-" | "mx-" | "my-" | "mt-" | "mr-" | "mb-" | "ml-";
+type ValidMarginSize = "0" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "auto";
+type TailwindMarginClass = "" | `${ValidBreakpoint}${ValidMarginDirection}${ValidMarginSize}`;
+type OmitClassProperty<T1, T2 extends string> = Omit<T1, T2>;
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "primary" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends OmitClassProperty<React.ButtonHTMLAttributes<HTMLButtonElement>, "className">, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    className?: TailwindMarginClass;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "outline" | "purple" | "green" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BadgeProps extends OmitClassProperty<React.HTMLAttributes<HTMLDivElement>, "className">, VariantProps<typeof badgeVariants> {
+    className?: TailwindMarginClass;
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+declare const layoutVariants: (props?: ({
+    variant?: "100" | "66-33" | "50-50" | "33-33-33" | "25-25-25-25" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface LayoutProps extends OmitClassProperty<React.HTMLAttributes<HTMLDivElement>, "className">, VariantProps<typeof layoutVariants> {
+    fullWidth?: boolean;
+    className?: TailwindMarginClass;
+}
+declare function Layout({ children, className, variant, ...props }: PropsWithChildren<LayoutProps>): react_jsx_runtime.JSX.Element;
+declare namespace Layout {
+    var Col1: typeof Col;
+    var Col2: typeof Col;
+    var Col3: typeof Col;
+    var Col4: typeof Col;
+}
+type colProp = {
+    children: React.ReactNode;
+};
+declare function Col({ children }: colProp): react_jsx_runtime.JSX.Element;
+
+export { Badge, Button, Demo, Layout };

package/dist/main.js

@@ -0,0 +1,163 @@
+// lib/utils.ts
+import { clsx } from "clsx";
+import { extendTailwindMerge, twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  const twMergeWithPrefix = extendTailwindMerge({
+    prefix: "sg-"
+  });
+  return twMergeWithPrefix(twMerge(clsx(inputs)));
+}
+
+// lib/components/Demo.tsx
+import { jsx } from "react/jsx-runtime";
+var Demo = ({ text }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "sg-text-orange-500 sg-p-4 sg-p-3 sg-text-white sg-bg-black"
+      ),
+      children: text
+    }
+  );
+};
+
+// lib/components/ui/button/button.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "sg-inline-flex sg-items-center sg-justify-center sg-gap-2 sg-whitespace-nowrap sg-rounded-md sg-text-sm sg-font-medium sg-transition-colors focus-visible:sg-outline-none focus-visible:ring-offset-2 focus-visible:sg-ring-2 focus-visible:sg-ring-ring disabled:sg-pointer-events-none disabled:sg-opacity-50 [&_svg]:sg-pointer-events-none [&_svg]:sg-size-4 [&_svg]:sg-shrink-0",
+  {
+    variants: {
+      variant: {
+        primary: "sg-bg-orange sg-text-orange-foreground sg-shadow hover:sg-bg-orange/90",
+        secondary: "sg-bg-purple sg-text-purple-foreground sg-shadow-sm hover:sg-bg-purple/90",
+        destructive: "sg-bg-red sg-text-red-foreground sg-shadow-sm hover:sg-bg-red/90",
+        outline: "sg-border sg-border-orange sg-bg-white sg-shadow-sm hover:sg-bg-gray/20",
+        ghost: "hover:sg-bg-accent hover:sg-text-accent-foreground",
+        link: "sg-text-primary sg-underline-offset-4 hover:sg-underline"
+      },
+      size: {
+        default: "sg-h-9 sg-px-4 sg-py-2",
+        sm: "sg-h-8 sg-rounded-md sg-px-3 sg-text-xs",
+        lg: "sg-h-10 sg-rounded-md sg-px-8",
+        icon: "sg-h-9 sg-w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "default"
+    }
+  }
+);
+var Button = React.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx2(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// lib/components/ui/badge/badge.tsx
+import { cva as cva3 } from "class-variance-authority";
+
+// lib/components/ui/layout/layout.tsx
+import * as React2 from "react";
+import { cva as cva2 } from "class-variance-authority";
+import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
+var layoutVariants = cva2("sg-grid sg-gap-4 ", {
+  variants: {
+    variant: {
+      "100": "sg-grid-cols-1",
+      "66-33": "sg-grid-cols-1 md:sg-grid-cols-2",
+      "50-50": "sg-grid-cols-1 md:sg-grid-cols-2",
+      "33-33-33": "sg-grid-cols-1 md:sg-grid-cols-2",
+      "25-25-25-25": "sg-grid-cols-1 md:sg-grid-cols-2"
+    }
+  },
+  defaultVariants: {
+    variant: "100"
+  }
+});
+function Layout({
+  children,
+  className,
+  variant = "100",
+  ...props
+}) {
+  const allowedInLayout = (content) => {
+    if (content.type === Layout.Col1) {
+      return true;
+    } else if (content.type === Layout.Col2 && (variant === "66-33" || variant === "50-50")) {
+      return true;
+    } else if (content.type === Layout.Col3 && (variant === "33-33-33" || variant === "25-25-25-25")) {
+      return true;
+    } else if (content.type === Layout.Col4 && variant === "25-25-25-25") {
+      return true;
+    }
+    console.error("Content not allowed in column for layout", content.type);
+    return false;
+  };
+  const renderColumn = (content) => {
+    if (!allowedInLayout(content)) {
+      return;
+    }
+    console.log("content", content);
+    return /* @__PURE__ */ jsx3("div", { children: content });
+  };
+  return /* @__PURE__ */ jsx3("div", { className: "sg-mx-auto sg-max-w-[960px]", children: /* @__PURE__ */ jsx3("div", { className: cn(layoutVariants({ variant }), className), ...props, children: React2.Children.map(
+    children,
+    (child) => React2.isValidElement(child) ? renderColumn(child) : /* @__PURE__ */ jsx3(Fragment, {})
+  ) }) });
+}
+function Col({ children }) {
+  return /* @__PURE__ */ jsx3(Fragment, { children });
+}
+Layout.Col1 = Col;
+Layout.Col2 = Col;
+Layout.Col3 = Col;
+Layout.Col4 = Col;
+
+// lib/components/ui/badge/badge.tsx
+import { Fragment as Fragment2, jsx as jsx4, jsxs } from "react/jsx-runtime";
+var badgeVariants = cva3(
+  "sg-inline-flex sg-items-center sg-rounded-md sg-border sg-px-2.5 sg-py-0.5 sg-text-xs sg-font-semibold sg-transition-colors focus:sg-outline-none focus:sg-ring-2 focus:sg-ring-ring focus:sg-ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "sg-border-transparent sg-bg-orange sg-text-orange-foreground sg-shadow hover:sg-bg-orange/80",
+        purple: "sg-border-transparent sg-bg-purple sg-text-purple-foreground sg-shadow hover:sg-bg-purple/80",
+        green: "sg-border-transparent sg-bg-green sg-text-green-foreground sg-shadow hover:sg-bg-green/80",
+        outline: "sg-text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsxs(Fragment2, { children: [
+    /* @__PURE__ */ jsx4("div", { className: cn(badgeVariants({ variant }), className), ...props }),
+    /* @__PURE__ */ jsxs(Layout, { variant: "66-33", children: [
+      /* @__PURE__ */ jsx4(Layout.Col1, { children: "Col1" }),
+      /* @__PURE__ */ jsx4(Layout.Col2, { children: "Col2" })
+    ] })
+  ] });
+}
+export {
+  Badge,
+  Button,
+  Demo,
+  Layout
+};
+//# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../lib/utils.ts","../lib/components/Demo.tsx","../lib/components/ui/button/button.tsx","../lib/components/ui/badge/badge.tsx","../lib/components/ui/layout/layout.tsx"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\r\nimport { extendTailwindMerge, twMerge } from \"tailwind-merge\";\r\nimport {} from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  const twMergeWithPrefix = extendTailwindMerge({\r\n    prefix: \"sg-\",\r\n  });\r\n\r\n  return twMergeWithPrefix(twMerge(clsx(inputs)));\r\n}\r\n","import { cn } from \"../utils\";\n\ntype props = {\n  text?: string;\n};\n\nexport const Demo = ({ text }: props) => {\n  return (\n    <div\n      className={cn(\n        \"sg-text-orange-500 sg-p-4 sg-p-3 sg-text-white sg-bg-black\"\n      )}\n    >\n      {text}\n    </div>\n  );\n};\n","import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../../utils\";\nimport { OmitClassProperty, TailwindMarginClass } from \"../../../lib/types\";\n\nconst buttonVariants = cva(\n  \"sg-inline-flex sg-items-center sg-justify-center sg-gap-2 sg-whitespace-nowrap sg-rounded-md sg-text-sm sg-font-medium sg-transition-colors focus-visible:sg-outline-none focus-visible:ring-offset-2 focus-visible:sg-ring-2 focus-visible:sg-ring-ring disabled:sg-pointer-events-none disabled:sg-opacity-50 [&_svg]:sg-pointer-events-none [&_svg]:sg-size-4 [&_svg]:sg-shrink-0\",\n  {\n    variants: {\n      variant: {\n        primary:\n          \"sg-bg-orange sg-text-orange-foreground sg-shadow hover:sg-bg-orange/90\",\n        secondary:\n          \"sg-bg-purple sg-text-purple-foreground sg-shadow-sm hover:sg-bg-purple/90\",\n        destructive:\n          \"sg-bg-red sg-text-red-foreground sg-shadow-sm hover:sg-bg-red/90\",\n        outline:\n          \"sg-border sg-border-orange sg-bg-white sg-shadow-sm hover:sg-bg-gray/20\",\n        ghost: \"hover:sg-bg-accent hover:sg-text-accent-foreground\",\n        link: \"sg-text-primary sg-underline-offset-4 hover:sg-underline\",\n      },\n      size: {\n        default: \"sg-h-9 sg-px-4 sg-py-2\",\n        sm: \"sg-h-8 sg-rounded-md sg-px-3 sg-text-xs\",\n        lg: \"sg-h-10 sg-rounded-md sg-px-8\",\n        icon: \"sg-h-9 sg-w-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"primary\",\n      size: \"default\",\n    },\n  }\n);\n\nexport interface ButtonProps\n  extends OmitClassProperty<\n      React.ButtonHTMLAttributes<HTMLButtonElement>,\n      \"className\"\n    >,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n  className?: TailwindMarginClass;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n","import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../../utils\";\nimport { OmitClassProperty, TailwindMarginClass } from \"../../../lib/types\";\nimport { Layout } from \"../layout/layout\";\n\nconst badgeVariants = cva(\n  \"sg-inline-flex sg-items-center sg-rounded-md sg-border sg-px-2.5 sg-py-0.5 sg-text-xs sg-font-semibold sg-transition-colors focus:sg-outline-none focus:sg-ring-2 focus:sg-ring-ring focus:sg-ring-offset-2\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"sg-border-transparent sg-bg-orange sg-text-orange-foreground sg-shadow hover:sg-bg-orange/80\",\n        purple:\n          \"sg-border-transparent sg-bg-purple sg-text-purple-foreground sg-shadow hover:sg-bg-purple/80\",\n        green:\n          \"sg-border-transparent sg-bg-green sg-text-green-foreground sg-shadow hover:sg-bg-green/80\",\n        outline: \"sg-text-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\nexport interface BadgeProps\n  extends OmitClassProperty<React.HTMLAttributes<HTMLDivElement>, \"className\">,\n    VariantProps<typeof badgeVariants> {\n  className?: TailwindMarginClass;\n}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n  return (\n    <>\n      <div className={cn(badgeVariants({ variant }), className)} {...props} />\n      {/* <Layout variant={\"100\"}> */}\n      <Layout variant={\"66-33\"}>\n        <Layout.Col1>Col1</Layout.Col1>\n        <Layout.Col2>Col2</Layout.Col2>\n      </Layout>\n    </>\n  );\n}\n\nexport { Badge, badgeVariants };\n","import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../../utils\";\nimport { OmitClassProperty, TailwindMarginClass } from \"../../../lib/types\";\nimport { PropsWithChildren } from \"react\";\n\nconst layoutVariants = cva(\"sg-grid sg-gap-4 \", {\n  variants: {\n    variant: {\n      \"100\": \"sg-grid-cols-1\",\n      \"66-33\": \"sg-grid-cols-1 md:sg-grid-cols-2\",\n      \"50-50\": \"sg-grid-cols-1 md:sg-grid-cols-2\",\n      \"33-33-33\": \"sg-grid-cols-1 md:sg-grid-cols-2\",\n      \"25-25-25-25\": \"sg-grid-cols-1 md:sg-grid-cols-2\",\n    },\n  },\n  defaultVariants: {\n    variant: \"100\",\n  },\n});\n\nexport interface LayoutProps\n  extends OmitClassProperty<React.HTMLAttributes<HTMLDivElement>, \"className\">,\n    VariantProps<typeof layoutVariants> {\n  fullWidth?: boolean;\n  className?: TailwindMarginClass;\n}\n\nfunction Layout({\n  children,\n  className,\n  variant = \"100\",\n  ...props\n}: PropsWithChildren<LayoutProps>) {\n  const allowedInLayout = (\n    content: React.ReactElement<any, string | React.JSXElementConstructor<any>>\n  ): boolean => {\n    if (content.type === Layout.Col1) {\n      return true;\n    } else if (\n      content.type === Layout.Col2 &&\n      (variant === \"66-33\" || variant === \"50-50\")\n    ) {\n      return true;\n    } else if (\n      content.type === Layout.Col3 &&\n      (variant === \"33-33-33\" || variant === \"25-25-25-25\")\n    ) {\n      return true;\n    } else if (content.type === Layout.Col4 && variant === \"25-25-25-25\") {\n      return true;\n    }\n\n    console.error(\"Content not allowed in column for layout\", content.type);\n    return false;\n  };\n\n  const renderColumn = (\n    content: React.ReactElement<any, string | React.JSXElementConstructor<any>>\n  ) => {\n    if (!allowedInLayout(content)) {\n      return;\n    }\n    console.log(\"content\", content);\n    return <div>{content}</div>;\n  };\n\n  return (\n    <div className=\"sg-mx-auto sg-max-w-[960px]\">\n      <div className={cn(layoutVariants({ variant }), className)} {...props}>\n        {React.Children.map(children, (child) =>\n          React.isValidElement(child) ? renderColumn(child) : <></>\n        )}\n      </div>\n    </div>\n  );\n}\n\ntype colProp = {\n  children: React.ReactNode;\n};\n\nfunction Col({ children }: colProp) {\n  return <>{children}</>;\n}\n\nLayout.Col1 = Col;\nLayout.Col2 = Col;\nLayout.Col3 = Col;\nLayout.Col4 = Col;\n\nexport { Layout, layoutVariants };\n"],"mappings":"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","names":["jsx","cva","React","cva","jsx","cva","Fragment","jsx","cva"]}

package/package.json

@@ -1,21 +1,60 @@
 {
   "name": "singularity-components",
-  "version": "0.1.10",
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
+  "version": "0.1.53",
+  "main": "./dist/main.js",
+  "module": "./dist/main.mjs",
+  "types": "./dist/main.d.ts",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
   "scripts": {
-    "build": "tsup"
+    "build": "tsup",
+    "storybook": "storybook dev -p 6006 --no-open"
   },
   "keywords": [
     "test"
   ],
-  "author": "snoffsan",
-  "license": "ISC",
-  "description": "MIT",
-  "dependencies": {},
+  "author": "Filip",
+  "license": "MIT",
+  "description": "",
+  "dependencies": {
+    "@radix-ui/react-slot": "^1.1.1",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.468.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwind-merge": "^2.5.5",
+    "tailwindcss-animate": "^1.0.7"
+  },
   "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.2",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/test": "^8.4.7",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.2",
+    "@typescript-eslint/eslint-plugin": "^8.18.0",
+    "@typescript-eslint/parser": "^8.18.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^9.17.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "eslint-plugin-storybook": "^0.11.1",
+    "postcss": "^8.4.49",
+    "postcss-import": "^16.1.0",
+    "storybook": "^8.4.7",
+    "tailwindcss": "^3.4.16",
     "tsup": "^8.3.5",
-    "typescript": "^5.7.2"
+    "typescript": "^5.7.2",
+    "vite": "^6.0.3",
+    "vite-tsconfig-paths": "^5.1.4"
   }
 }

package/dist/index.d.mts

@@ -1,8 +0,0 @@
-type Person = {
-    name: string;
-    age: number;
-};
-
-declare function sayHello({ name, age }: Person): void;
-
-export { type Person, sayHello };

package/dist/index.d.ts

@@ -1,8 +0,0 @@
-type Person = {
-    name: string;
-    age: number;
-};
-
-declare function sayHello({ name, age }: Person): void;
-
-export { type Person, sayHello };

package/dist/index.js

@@ -1,34 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  sayHello: () => sayHello
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/functions.ts
-function sayHello({ name, age }) {
-  console.log(`Hello, my name is ${name} and I am ${age} years old`);
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  sayHello
-});

package/dist/index.mjs

@@ -1,7 +0,0 @@
-// src/functions.ts
-function sayHello({ name, age }) {
-  console.log(`Hello, my name is ${name} and I am ${age} years old`);
-}
-export {
-  sayHello
-};