@canceyd/react-npm-starter 0.0.1

package/README.md

@@ -0,0 +1,83 @@
+# @canceyd/react-npm-starter
+
+A React component library built with TypeScript, Vite, and shadcn/ui. Optimized for tree-shaking and minimal bundle size.
+
+## Installation
+
+```bash
+npm install @canceyd/react-npm-starter
+# or
+pnpm add @canceyd/react-npm-starter
+# or
+yarn add @canceyd/react-npm-starter
+```
+
+## Usage
+
+### Import individual components (recommended for minimal bundle size)
+
+```tsx
+import { Button } from "@canceyd/react-npm-starter/button";
+import { Container } from "@canceyd/react-npm-starter/container";
+
+function App() {
+  return (
+    <Container>
+      <Button variant="default">Click me</Button>
+    </Container>
+  );
+}
+```
+
+### Import from main entry point
+
+```tsx
+import { Button, Container } from "@canceyd/react-npm-starter";
+
+function App() {
+  return (
+    <Container>
+      <Button variant="default">Click me</Button>
+    </Container>
+  );
+}
+```
+
+### Import styles
+
+```tsx
+import "@canceyd/react-npm-starter/styles/react-npm-starter.css";
+```
+
+## Components
+
+### Button
+
+A flexible button component that can render as either a `<button>` or `<a>` element.
+
+```tsx
+import { Button } from "@canceyd/react-npm-starter/button";
+
+<Button variant="default" size="default">Default</Button>
+<Button variant="outline" size="sm">Outline</Button>
+<Button href="/about" newTab>Link Button</Button>
+```
+
+### Container
+
+A responsive container component with size variants.
+
+```tsx
+import { Container } from "@canceyd/react-npm-starter/container";
+
+<Container size="base">Content</Container>
+<Container size="wide">Wide Content</Container>
+```
+
+## Tree-Shaking
+
+This package is optimized for tree-shaking. When you import individual components, only the code for those components will be included in your bundle.
+
+## License
+
+MIT

package/dist/button.d.ts

@@ -0,0 +1,61 @@
+import { ClassProp } from 'class-variance-authority/types';
+import { ComponentProps } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+
+export declare function Button({ className, variant, size, ...props }: ButtonProps): JSX.Element;
+
+export declare type ButtonAsButtonProps = ButtonBaseProps & Omit<React.ComponentProps<"button">, keyof ButtonBaseProps> & {
+    href?: never;
+    newTab?: never;
+    isIcon?: boolean;
+};
+
+export declare type ButtonAsLinkProps = ButtonBaseProps & Omit<React.ComponentProps<"a">, keyof ButtonBaseProps> & {
+    href: string;
+    newTab?: boolean;
+};
+
+export declare type ButtonBaseProps = VariantProps<typeof buttonVariants> & {
+    icon?: React.ReactNode;
+    label?: string;
+};
+
+export declare const buttonCva: {
+    readonly variants: {
+        readonly variant: {
+            readonly default: "bg-primary text-primary-foreground hover:bg-primary/80";
+            readonly outline: "border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground shadow-xs";
+            readonly secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground";
+            readonly ghost: "hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground";
+            readonly destructive: "bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30";
+        };
+        readonly size: {
+            readonly default: "h-9 gap-1.5 px-2.5 data-[icon=true]:size-8";
+            readonly xs: "h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs [&_svg:not([class*='size-'])]:size-3 data-[icon=true]:size-6";
+            readonly sm: "h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 data-[icon=true]:size-6 data-[icon=true]:size-7";
+            readonly lg: "h-10 gap-1.5 px-2.5 data-[icon=true]:size-9";
+        };
+        readonly isIcon: {
+            readonly true: "p-0";
+        };
+    };
+    readonly defaultVariants: {
+        readonly variant: "default";
+        readonly size: "default";
+        readonly loading: false;
+        readonly isIcon: false;
+    };
+};
+
+export declare function ButtonGroup({ className, ...props }: ComponentProps<"div">): JSX.Element;
+
+export declare type ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;
+
+export declare const buttonVariants: (props?: ({
+    readonly variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+    readonly size?: "default" | "xs" | "sm" | "lg" | null | undefined;
+    readonly isIcon?: boolean | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export { }

package/dist/button.js

@@ -0,0 +1,3 @@
+export { Button, ButtonGroup } from './components/button/index.js';
+export { buttonCva, buttonVariants } from './components/button/variants/index.js';
+//# sourceMappingURL=button.js.map

package/dist/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/button/index.js

@@ -0,0 +1,48 @@
+import { jsx } from 'react/jsx-runtime';
+import { cn } from '../../lib/utils.js';
+import { buttonVariants } from './variants/index.js';
+
+function ButtonGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "button-group",
+      className: cn(
+        "relative flex flex-col items-center gap-2 sm:flex-row",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Button({ className, variant, size, ...props }) {
+  const isLink = "href" in props && props.href !== void 0;
+  if (isLink) {
+    const { href, newTab, ...linkProps } = props;
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        "data-slot": "button-link",
+        "data-variant": variant,
+        href,
+        target: newTab ? "_blank" : void 0,
+        rel: newTab ? "noopener noreferrer" : void 0,
+        className: cn(buttonVariants({ variant, size, className })),
+        ...linkProps
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      type: "button",
+      className: cn(buttonVariants({ variant, size }), className),
+      ...props
+    }
+  );
+}
+
+export { Button, ButtonGroup };
+//# sourceMappingURL=index.js.map

package/dist/components/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport { buttonVariants } from \"@/components/button/variants\";\nimport type {\n  ButtonAsButtonProps,\n  ButtonAsLinkProps,\n  ButtonProps,\n} from \"@/components/button/types\";\n\nfunction ButtonGroup({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"button-group\"\n      className={cn(\n        \"relative flex flex-col items-center gap-2 sm:flex-row\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Button({ className, variant, size, ...props }: ButtonProps) {\n  // Determine if this should be a link based on href prop\n  const isLink = \"href\" in props && props.href !== undefined;\n\n  if (isLink) {\n    const { href, newTab, ...linkProps } = props as ButtonAsLinkProps;\n    return (\n      <a\n        data-slot=\"button-link\"\n        data-variant={variant}\n        href={href}\n        target={newTab ? \"_blank\" : undefined}\n        rel={newTab ? \"noopener noreferrer\" : undefined}\n        className={cn(buttonVariants({ variant, size, className }))}\n        {...linkProps}\n      />\n    );\n  }\n\n  return (\n    <button\n      data-slot=\"button\"\n      data-variant={variant}\n      type=\"button\"\n      className={cn(buttonVariants({ variant, size }), className)}\n      {...(props as ButtonAsButtonProps)}\n    />\n  );\n}\n\nexport { Button, ButtonGroup };\n"],"names":[],"mappings":";;;;AASA,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,GAAG,OAAM,EAA0B;AACnE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,uDAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,OAAO,EAAE,SAAA,EAAW,SAAS,IAAA,EAAM,GAAG,OAAM,EAAgB;AAEnE,EAAA,MAAM,MAAA,GAAS,MAAA,IAAU,KAAA,IAAS,KAAA,CAAM,IAAA,KAAS,MAAA;AAEjD,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,MAAM,EAAE,IAAA,EAAM,MAAA,EAAQ,GAAG,WAAU,GAAI,KAAA;AACvC,IAAA,uBACE,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,aAAA;AAAA,QACV,cAAA,EAAc,OAAA;AAAA,QACd,IAAA;AAAA,QACA,MAAA,EAAQ,SAAS,QAAA,GAAW,MAAA;AAAA,QAC5B,GAAA,EAAK,SAAS,qBAAA,GAAwB,MAAA;AAAA,QACtC,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,SAAA,EAAW,CAAC,CAAA;AAAA,QACzD,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,QAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACd,IAAA,EAAK,QAAA;AAAA,MACL,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MACzD,GAAI;AAAA;AAAA,GACP;AAEJ;;;;"}

package/dist/components/button/variants/index.js

@@ -0,0 +1,38 @@
+import { cn } from '../../../lib/utils.js';
+import { cva } from 'class-variance-authority';
+
+const buttonCva = {
+  variants: {
+    variant: {
+      default: "bg-primary text-primary-foreground hover:bg-primary/80",
+      outline: "border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground shadow-xs",
+      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+      ghost: "hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground",
+      destructive: "bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30"
+    },
+    size: {
+      default: "h-9 gap-1.5 px-2.5 data-[icon=true]:size-8",
+      xs: "h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs [&_svg:not([class*='size-'])]:size-3 data-[icon=true]:size-6",
+      sm: "h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 data-[icon=true]:size-6 data-[icon=true]:size-7",
+      lg: "h-10 gap-1.5 px-2.5 data-[icon=true]:size-9"
+    },
+    isIcon: {
+      true: "p-0"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default",
+    loading: false,
+    isIcon: false
+  }
+};
+const buttonVariants = cva(
+  cn(
+    "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none"
+  ),
+  buttonCva
+);
+
+export { buttonCva, buttonVariants };
+//# sourceMappingURL=index.js.map

package/dist/components/button/variants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/button/variants/index.ts"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { cva } from \"class-variance-authority\";\n\nexport const buttonCva = {\n  variants: {\n    variant: {\n      default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n      outline:\n        \"border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground shadow-xs\",\n      secondary:\n        \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n      ghost:\n        \"hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground\",\n      destructive:\n        \"bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30\",\n    },\n    size: {\n      default: \"h-9 gap-1.5 px-2.5 data-[icon=true]:size-8\",\n      xs: \"h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs [&_svg:not([class*='size-'])]:size-3 data-[icon=true]:size-6\",\n      sm: \"h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 data-[icon=true]:size-6 data-[icon=true]:size-7\",\n      lg: \"h-10 gap-1.5 px-2.5 data-[icon=true]:size-9\",\n    },\n    isIcon: {\n      true: \"p-0\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\",\n    loading: false,\n    isIcon: false,\n  },\n} as const;\n\nexport const buttonVariants = cva(\n  cn(\n    \"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none\",\n  ),\n  buttonCva,\n);\n"],"names":[],"mappings":";;;AAGO,MAAM,SAAA,GAAY;AAAA,EACvB,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,wDAAA;AAAA,MACT,OAAA,EACE,2LAAA;AAAA,MACF,SAAA,EACE,iIAAA;AAAA,MACF,KAAA,EACE,kHAAA;AAAA,MACF,WAAA,EACE;AAAA,KACJ;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,4CAAA;AAAA,MACT,EAAA,EAAI,yHAAA;AAAA,MACJ,EAAA,EAAI,uGAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS,KAAA;AAAA,IACT,MAAA,EAAQ;AAAA;AAEZ;AAEO,MAAM,cAAA,GAAiB,GAAA;AAAA,EAC5B,EAAA;AAAA,IACE;AAAA,GACF;AAAA,EACA;AACF;;;;"}

package/dist/components/container/index.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import { cn } from '../../lib/utils.js';
+import { containerVariants } from './variants/index.js';
+
+function Container({
+  size,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "container",
+      "data-size": size,
+      className: cn(containerVariants({ size }), className),
+      ...props
+    }
+  );
+}
+
+export { Container as default };
+//# sourceMappingURL=index.js.map

package/dist/components/container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/container/index.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { containerVariants } from \"@/components/container/variants\";\nimport type { VariantProps } from \"class-variance-authority\";\n\nexport default function Container({\n  size,\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof containerVariants>) {\n  return (\n    <div\n      data-slot=\"container\"\n      data-size={size}\n      className={cn(containerVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAIA,SAAwB,SAAA,CAAU;AAAA,EAChC,IAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyE;AACvE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,WAAA;AAAA,MACV,WAAA,EAAW,IAAA;AAAA,MACX,WAAW,EAAA,CAAG,iBAAA,CAAkB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MACnD,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/components/container/variants/index.js

@@ -0,0 +1,24 @@
+import { cn } from '../../../lib/utils.js';
+import { cva } from 'class-variance-authority';
+
+const containerCva = {
+  variants: {
+    size: {
+      base: "max-w-[1280px]",
+      contained: "max-w-[1024px]",
+      wide: "max-w-[1645px]",
+      thin: "max-w-[980px]",
+      full: "max-w-full"
+    }
+  },
+  defaultVariants: {
+    size: "base"
+  }
+};
+const containerVariants = cva(
+  cn("mx-auto w-full md:px-6 px-4"),
+  containerCva
+);
+
+export { containerCva, containerVariants };
+//# sourceMappingURL=index.js.map

package/dist/components/container/variants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/container/variants/index.ts"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { cva } from \"class-variance-authority\";\n\nexport const containerCva = {\n  variants: {\n    size: {\n      base: \"max-w-[1280px]\",\n      contained: \"max-w-[1024px]\",\n      wide: \"max-w-[1645px]\",\n      thin: \"max-w-[980px]\",\n      full: \"max-w-full\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n  },\n} as const;\n\nexport const containerVariants = cva(\n  cn(\"mx-auto w-full md:px-6 px-4\"),\n  containerCva,\n);\n"],"names":[],"mappings":";;;AAGO,MAAM,YAAA,GAAe;AAAA,EAC1B,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,IAAA,EAAM,gBAAA;AAAA,MACN,SAAA,EAAW,gBAAA;AAAA,MACX,IAAA,EAAM,gBAAA;AAAA,MACN,IAAA,EAAM,eAAA;AAAA,MACN,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV;AAEO,MAAM,iBAAA,GAAoB,GAAA;AAAA,EAC/B,GAAG,6BAA6B,CAAA;AAAA,EAChC;AACF;;;;"}

package/dist/container.d.ts

@@ -0,0 +1,29 @@
+import { ClassProp } from 'class-variance-authority/types';
+import { ComponentProps } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+
+export declare function Container({ size, className, ...props }: React.ComponentProps<"div"> & VariantProps<typeof containerVariants>): JSX.Element;
+
+export declare const containerCva: {
+    readonly variants: {
+        readonly size: {
+            readonly base: "max-w-[1280px]";
+            readonly contained: "max-w-[1024px]";
+            readonly wide: "max-w-[1645px]";
+            readonly thin: "max-w-[980px]";
+            readonly full: "max-w-full";
+        };
+    };
+    readonly defaultVariants: {
+        readonly size: "base";
+    };
+};
+
+export declare type ContainerProps = ComponentProps<"div"> & VariantProps<typeof containerVariants>;
+
+export declare const containerVariants: (props?: ({
+    readonly size?: "base" | "contained" | "wide" | "thin" | "full" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export { }

package/dist/container.js

@@ -0,0 +1,3 @@
+export { default as Container } from './components/container/index.js';
+export { containerCva, containerVariants } from './components/container/variants/index.js';
+//# sourceMappingURL=container.js.map

package/dist/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index.d.ts

@@ -0,0 +1,49 @@
+import { ClassProp } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
+import { ComponentProps } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+
+export declare function Button({ className, variant, size, ...props }: ButtonProps): JSX.Element;
+
+declare type ButtonAsButtonProps = ButtonBaseProps & Omit<React.ComponentProps<"button">, keyof ButtonBaseProps> & {
+    href?: never;
+    newTab?: never;
+    isIcon?: boolean;
+};
+
+declare type ButtonAsLinkProps = ButtonBaseProps & Omit<React.ComponentProps<"a">, keyof ButtonBaseProps> & {
+    href: string;
+    newTab?: boolean;
+};
+
+declare type ButtonBaseProps = VariantProps<typeof buttonVariants> & {
+    icon?: React.ReactNode;
+    label?: string;
+};
+
+export declare function ButtonGroup({ className, ...props }: ComponentProps<"div">): JSX.Element;
+
+declare type ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;
+
+declare const buttonVariants: (props?: ({
+    readonly variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+    readonly size?: "default" | "xs" | "sm" | "lg" | null | undefined;
+    readonly isIcon?: boolean | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function cn(...inputs: ClassValue[]): string;
+
+export declare type ImageItem = ComponentProps<"img"> & {
+    src: string;
+    alt: string;
+    width?: number;
+    height?: number;
+};
+
+export declare type LinkItem = ComponentProps<"a"> & {
+    label?: string;
+    newTab?: boolean;
+};
+
+export { }

package/dist/index.js

@@ -0,0 +1,4 @@
+/* empty css                   */
+export { Button, ButtonGroup } from './components/button/index.js';
+export { cn } from './lib/utils.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/lib/utils.js

@@ -0,0 +1,9 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export { cn };
+//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"names":[],"mappings":";;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;;;;"}