@lglab/compose-ui 0.27.0 → 0.29.0

package/dist/card.d.ts

@@ -1,99 +1,105 @@
-import { ClassProp } from 'class-variance-authority/types';
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-import { VariantProps } from 'class-variance-authority';
-
-/**
- * Container for the main content of the card.
- */
-export declare const CardContent: {
-    ({ className, ...props }: CardContentProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type CardContentProps = React_2.ComponentProps<'div'>;
-
-/**
- * Secondary text content for the card.
- */
-export declare const CardDescription: {
-    ({ className, ...props }: CardDescriptionProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type CardDescriptionProps = React_2.ComponentProps<'p'>;
-
-/**
- * Container for card actions and footer content.
- * Use Separator component above footer if a visual divider is needed.
- */
-export declare const CardFooter: {
-    ({ className, ...props }: CardFooterProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type CardFooterProps = React_2.ComponentProps<'footer'>;
-
-/**
- * Container for the card's header content (title, description).
- */
-export declare const CardHeader: {
-    ({ className, ...props }: CardHeaderProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type CardHeaderProps = React_2.ComponentProps<'header'>;
-
-/**
- * Container for media content (images, videos) within a card.
- * Use Tailwind aspect-* classes for aspect ratios (e.g., className="aspect-video").
- */
-export declare const CardMedia: {
-    ({ className, ...props }: CardMediaProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type CardMediaProps = React_2.ComponentProps<'div'>;
-
-/**
- * The root container for a card component.
- * Renders as an `<article>` for semantic HTML.
- */
-export declare const CardRoot: React_2.ForwardRefExoticComponent<Omit<CardRootProps, "ref"> & React_2.RefAttributes<HTMLElement>>;
-
-export declare type CardRootProps = React_2.ComponentProps<'article'> & VariantProps<typeof cardVariants>;
-
-/**
- * A distinct section within a card, useful for multi-section layouts.
- * Use Separator component between sections if visual dividers are needed.
- */
-export declare const CardSection: {
-    ({ className, ...props }: CardSectionProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type CardSectionProps = React_2.ComponentProps<'section'>;
-
-/**
- * The card's title. Renders as an `<h3>` by default.
- * Use the `as` prop to change the heading level.
- */
-export declare const CardTitle: {
-    ({ as: Component, className, ...props }: CardTitleProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type CardTitleProps = React_2.ComponentProps<'h3'> & {
-    /** The heading level to render */
-    as?: HeadingLevel;
-};
-
-export declare type CardVariant = VariantProps<typeof cardVariants>['variant'];
-
-declare const cardVariants: (props?: ({
-    variant?: "default" | "outline" | "elevated" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-declare type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-
-export { }
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+import * as react_jsx_runtime218 from "react/jsx-runtime";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/card.d.ts
+declare const cardVariants: (props?: ({
+  variant?: "default" | "outline" | "elevated" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+type CardVariant = VariantProps<typeof cardVariants>['variant'];
+type CardRootProps = React.ComponentProps<'article'> & VariantProps<typeof cardVariants>;
+/**
+ * The root container for a card component.
+ * Renders as an `<article>` for semantic HTML.
+ */
+declare const CardRoot: React.ForwardRefExoticComponent<Omit<CardRootProps, "ref"> & React.RefAttributes<HTMLElement>>;
+type CardMediaProps = React.ComponentProps<'div'>;
+/**
+ * Container for media content (images, videos) within a card.
+ * Use Tailwind aspect-* classes for aspect ratios (e.g., className="aspect-video").
+ */
+declare const CardMedia: {
+  ({
+    className,
+    ...props
+  }: CardMediaProps): react_jsx_runtime218.JSX.Element;
+  displayName: string;
+};
+type CardHeaderProps = React.ComponentProps<'header'>;
+/**
+ * Container for the card's header content (title, description).
+ */
+declare const CardHeader: {
+  ({
+    className,
+    ...props
+  }: CardHeaderProps): react_jsx_runtime218.JSX.Element;
+  displayName: string;
+};
+type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+type CardTitleProps = React.ComponentProps<'h3'> & {
+  /** The heading level to render */
+  as?: HeadingLevel;
+};
+/**
+ * The card's title. Renders as an `<h3>` by default.
+ * Use the `as` prop to change the heading level.
+ */
+declare const CardTitle: {
+  ({
+    as: Component,
+    className,
+    ...props
+  }: CardTitleProps): react_jsx_runtime218.JSX.Element;
+  displayName: string;
+};
+type CardDescriptionProps = React.ComponentProps<'p'>;
+/**
+ * Secondary text content for the card.
+ */
+declare const CardDescription: {
+  ({
+    className,
+    ...props
+  }: CardDescriptionProps): react_jsx_runtime218.JSX.Element;
+  displayName: string;
+};
+type CardContentProps = React.ComponentProps<'div'>;
+/**
+ * Container for the main content of the card.
+ */
+declare const CardContent: {
+  ({
+    className,
+    ...props
+  }: CardContentProps): react_jsx_runtime218.JSX.Element;
+  displayName: string;
+};
+type CardSectionProps = React.ComponentProps<'section'>;
+/**
+ * A distinct section within a card, useful for multi-section layouts.
+ * Use Separator component between sections if visual dividers are needed.
+ */
+declare const CardSection: {
+  ({
+    className,
+    ...props
+  }: CardSectionProps): react_jsx_runtime218.JSX.Element;
+  displayName: string;
+};
+type CardFooterProps = React.ComponentProps<'footer'>;
+/**
+ * Container for card actions and footer content.
+ * Use Separator component above footer if a visual divider is needed.
+ */
+declare const CardFooter: {
+  ({
+    className,
+    ...props
+  }: CardFooterProps): react_jsx_runtime218.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, CardRoot, type CardRootProps, CardSection, type CardSectionProps, CardTitle, type CardTitleProps, CardVariant };
+//# sourceMappingURL=card.d.ts.map

package/dist/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","names":[],"sources":["../src/components/card.tsx"],"sourcesContent":[],"mappings":";;;;;;cAWM;;IAWJ,+BAAA,CAAA;KAEU,WAAA,GAAc,oBAAoB;AArBhB,KA2BzB,aAAA,GAAgB,KAAA,CAAM,cARzB,CAAA,SAAA,CAAA,GAQqD,YARrD,CAAA,OAQyE,YARzE,CAAA;AAEF;;;;cAYM,QAZgC,EAYxB,KAAA,CAAA,yBAZwB,CAYxB,IAZwB,CAYxB,aAZwB,EAAA,KAAA,CAAA,GAYxB,KAAA,CAAA,aAZwB,CAYxB,WAZwB,CAAA,CAAA;AAAgC,KA8BjE,cAAA,GAAiB,KAAA,CAAM,cAxBV,CAAA,KAAA,CAAA;;;;;cA8BZ,SA9B6D,EAAA;EAM7D,CAAA;IAAA,SAUL;IAAA,GAAA;EAAA,CAAA,EAc2C,cAd3C,CAAA,EAcyD,oBAAA,CAAA,GAAA,CAAA,OAdzD;EAAA,WAAA,EAAA,MAAA;;KAiCI,eAAA,GAAkB,KAAA,CAAM,cA3Cf,CAAA,QAAA,CAAA;;;;cAgDR,UAhDQ,EAAA;EAkBT,CAAA;IAAA,SAAA;IAAA,GAAc;EAAS,CAAT,EA8B0B,eA9BjB,CAAA,EA8BgC,oBAAA,CAAA,GAAA,CAAA,OA9BlB;EAMpC,WAAA,EAWL,MAAA;CAAA;KAuBI,YAAA;KAEA,cAAA,GAAiB,KAAA,CAAM,cApCgB,CAAA,IAAA,CAAA,GAAA;;EAAc,EAAA,CAAA,EAsCnD,YAtCmD;AAAA,CAAA;AAmBf;;;;cA0BrC,SArBsD,EAAA;EAAA,CAAA;IAAA,EAAA,WAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAqBM,cArBN,CAAA,EAqBoB,oBAAA,CAAA,GAAA,CAAA,OArBpB;EAUvD,WAAA,EAAA,MAAY;AAAA,CAAA;KA0BZ,oBAAA,GAAuB,KAAA,CAAM,cAxBf,CAAA,GAAA,CAAA;;;;AAEA,cA2Bb,eAbL,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAaiD,oBAbjD,CAAA,EAaqE,oBAAA,CAAA,GAAA,CAAA,OAbrE;;;KAuBI,gBAAA,GAAmB,KAAA,CAAM,cA9BoC,CAAA,KAAA,CAAA;;;AAAc;AAehC,cAoB1C,WAbL,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAa6C,gBAb7C,CAAA,EAa6D,oBAAA,CAAA,GAAA,CAAA,OAb7D;;;KAuBI,gBAAA,GAAmB,KAAA,CAAM,cAzBwC,CAAA,SAAA,CAAA;;AAAA;AAU1B;;cAqBtC;;IAhBwC,SAAA;IAAA,GAAA;EAAA,CAAA,EAgBA,gBAhBA,CAAA,EAgBgB,oBAAA,CAAA,GAAA,CAAA,OAhBhB;aAAgB,EAAA,MAAA;CAAA;AAAA,KA0BzD,eAAA,GAAkB,KAAA,CAAM,cAhBC,CAAA,QAAA,CAAA;AAAc;;;;cAsBtC,UAhBwD,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAgBjB,eAhBiB,CAAA,EAgBF,oBAAA,CAAA,GAAA,CAAA,OAhBE;EAUzD,WAAA,EAAA,MAAe;AAAuB,CAAA"}

package/dist/card.js

@@ -1,67 +1,106 @@
-"use client";
-import { jsx as r } from "react/jsx-runtime";
-import { cva as d } from "class-variance-authority";
-import * as i from "react";
-import { c as t } from "./utils-B6yFEsav.js";
-const n = d("rounded-lg bg-card text-card-foreground transition-colors", {
-  variants: {
-    variant: {
-      default: "border shadow-sm",
-      outline: "border",
-      elevated: "shadow-md"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), l = i.forwardRef(
-  ({ className: a, variant: e, ...o }, s) => /* @__PURE__ */ r(
-    "article",
-    {
-      ref: s,
-      className: t(n({ variant: e }), a),
-      ...o
-    }
-  )
-);
-l.displayName = "CardRoot";
-const c = ({ className: a, ...e }) => /* @__PURE__ */ r(
-  "div",
-  {
-    className: t(
-      "overflow-hidden",
-      "[&>img]:h-full [&>img]:w-full [&>img]:object-cover",
-      a
-    ),
-    ...e
-  }
-);
-c.displayName = "CardMedia";
-const m = ({ className: a, ...e }) => /* @__PURE__ */ r("header", { className: t("flex flex-col gap-1 p-4", a), ...e });
-m.displayName = "CardHeader";
-const p = ({ as: a = "h3", className: e, ...o }) => /* @__PURE__ */ r(
-  a,
-  {
-    className: t("text-base font-semibold leading-tight", e),
-    ...o
-  }
-);
-p.displayName = "CardTitle";
-const f = ({ className: a, ...e }) => /* @__PURE__ */ r("p", { className: t("text-sm", a), ...e });
-f.displayName = "CardDescription";
-const C = ({ className: a, ...e }) => /* @__PURE__ */ r("div", { className: t("p-4 pt-0", a), ...e });
-C.displayName = "CardContent";
-const u = ({ className: a, ...e }) => /* @__PURE__ */ r("section", { className: t("p-4", a), ...e });
-u.displayName = "CardSection";
-const N = ({ className: a, ...e }) => /* @__PURE__ */ r("footer", { className: t("flex items-center p-4", a), ...e });
-N.displayName = "CardFooter";
-export {
-  C as CardContent,
-  f as CardDescription,
-  N as CardFooter,
-  m as CardHeader,
-  c as CardMedia,
-  l as CardRoot,
-  u as CardSection,
-  p as CardTitle
+'use client';
+
+import { cn } from "./lib/utils.js";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/card.tsx
+const cardVariants = cva("rounded-lg bg-card text-card-foreground transition-colors", {
+	variants: { variant: {
+		default: "border shadow-xs",
+		outline: "border",
+		elevated: "shadow-md"
+	} },
+	defaultVariants: { variant: "default" }
+});
+/**
+* The root container for a card component.
+* Renders as an `<article>` for semantic HTML.
+*/
+const CardRoot = React.forwardRef(({ className, variant, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("article", {
+		ref,
+		className: cn(cardVariants({ variant }), className),
+		...props
+	});
+});
+CardRoot.displayName = "CardRoot";
+/**
+* Container for media content (images, videos) within a card.
+* Use Tailwind aspect-* classes for aspect ratios (e.g., className="aspect-video").
+*/
+const CardMedia = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("overflow-hidden", "[&>img]:h-full [&>img]:w-full [&>img]:object-cover", className),
+		...props
+	});
 };
+CardMedia.displayName = "CardMedia";
+/**
+* Container for the card's header content (title, description).
+*/
+const CardHeader = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("header", {
+		className: cn("flex flex-col gap-1 p-4", className),
+		...props
+	});
+};
+CardHeader.displayName = "CardHeader";
+/**
+* The card's title. Renders as an `<h3>` by default.
+* Use the `as` prop to change the heading level.
+*/
+const CardTitle = ({ as: Component = "h3", className, ...props }) => {
+	return /* @__PURE__ */ jsx(Component, {
+		className: cn("text-base font-semibold leading-tight", className),
+		...props
+	});
+};
+CardTitle.displayName = "CardTitle";
+/**
+* Secondary text content for the card.
+*/
+const CardDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("p", {
+		className: cn("text-sm", className),
+		...props
+	});
+};
+CardDescription.displayName = "CardDescription";
+/**
+* Container for the main content of the card.
+*/
+const CardContent = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("p-4 pt-0", className),
+		...props
+	});
+};
+CardContent.displayName = "CardContent";
+/**
+* A distinct section within a card, useful for multi-section layouts.
+* Use Separator component between sections if visual dividers are needed.
+*/
+const CardSection = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("section", {
+		className: cn("p-4", className),
+		...props
+	});
+};
+CardSection.displayName = "CardSection";
+/**
+* Container for card actions and footer content.
+* Use Separator component above footer if a visual divider is needed.
+*/
+const CardFooter = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("footer", {
+		className: cn("flex items-center p-4", className),
+		...props
+	});
+};
+CardFooter.displayName = "CardFooter";
+
+//#endregion
+export { CardContent, CardDescription, CardFooter, CardHeader, CardMedia, CardRoot, CardSection, CardTitle };
+//# sourceMappingURL=card.js.map

package/dist/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","names":[],"sources":["../src/components/card.tsx"],"sourcesContent":["'use client'\n\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// Card Variants\n// ============================================================================\n\nconst cardVariants = cva('rounded-lg bg-card text-card-foreground transition-colors', {\n  variants: {\n    variant: {\n      default: 'border shadow-xs',\n      outline: 'border',\n      elevated: 'shadow-md',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nexport type CardVariant = VariantProps<typeof cardVariants>['variant']\n\n// ============================================================================\n// CardRoot\n// ============================================================================\n\ntype CardRootProps = React.ComponentProps<'article'> & VariantProps<typeof cardVariants>\n\n/**\n * The root container for a card component.\n * Renders as an `<article>` for semantic HTML.\n */\nconst CardRoot = React.forwardRef<HTMLElement, CardRootProps>(\n  ({ className, variant, ...props }, ref) => {\n    return (\n      <article\n        ref={ref}\n        className={cn(cardVariants({ variant }), className)}\n        {...props}\n      />\n    )\n  },\n)\n\nCardRoot.displayName = 'CardRoot'\n\n// ============================================================================\n// CardMedia\n// ============================================================================\n\ntype CardMediaProps = React.ComponentProps<'div'>\n\n/**\n * Container for media content (images, videos) within a card.\n * Use Tailwind aspect-* classes for aspect ratios (e.g., className=\"aspect-video\").\n */\nconst CardMedia = ({ className, ...props }: CardMediaProps) => {\n  return (\n    <div\n      className={cn(\n        'overflow-hidden',\n        '[&>img]:h-full [&>img]:w-full [&>img]:object-cover',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nCardMedia.displayName = 'CardMedia'\n\n// ============================================================================\n// CardHeader\n// ============================================================================\n\ntype CardHeaderProps = React.ComponentProps<'header'>\n\n/**\n * Container for the card's header content (title, description).\n */\nconst CardHeader = ({ className, ...props }: CardHeaderProps) => {\n  return <header className={cn('flex flex-col gap-1 p-4', className)} {...props} />\n}\n\nCardHeader.displayName = 'CardHeader'\n\n// ============================================================================\n// CardTitle\n// ============================================================================\n\ntype HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n\ntype CardTitleProps = React.ComponentProps<'h3'> & {\n  /** The heading level to render */\n  as?: HeadingLevel\n}\n\n/**\n * The card's title. Renders as an `<h3>` by default.\n * Use the `as` prop to change the heading level.\n */\nconst CardTitle = ({ as: Component = 'h3', className, ...props }: CardTitleProps) => {\n  return (\n    <Component\n      className={cn('text-base font-semibold leading-tight', className)}\n      {...props}\n    />\n  )\n}\n\nCardTitle.displayName = 'CardTitle'\n\n// ============================================================================\n// CardDescription\n// ============================================================================\n\ntype CardDescriptionProps = React.ComponentProps<'p'>\n\n/**\n * Secondary text content for the card.\n */\nconst CardDescription = ({ className, ...props }: CardDescriptionProps) => {\n  return <p className={cn('text-sm', className)} {...props} />\n}\n\nCardDescription.displayName = 'CardDescription'\n\n// ============================================================================\n// CardContent\n// ============================================================================\n\ntype CardContentProps = React.ComponentProps<'div'>\n\n/**\n * Container for the main content of the card.\n */\nconst CardContent = ({ className, ...props }: CardContentProps) => {\n  return <div className={cn('p-4 pt-0', className)} {...props} />\n}\n\nCardContent.displayName = 'CardContent'\n\n// ============================================================================\n// CardSection\n// ============================================================================\n\ntype CardSectionProps = React.ComponentProps<'section'>\n\n/**\n * A distinct section within a card, useful for multi-section layouts.\n * Use Separator component between sections if visual dividers are needed.\n */\nconst CardSection = ({ className, ...props }: CardSectionProps) => {\n  return <section className={cn('p-4', className)} {...props} />\n}\n\nCardSection.displayName = 'CardSection'\n\n// ============================================================================\n// CardFooter\n// ============================================================================\n\ntype CardFooterProps = React.ComponentProps<'footer'>\n\n/**\n * Container for card actions and footer content.\n * Use Separator component above footer if a visual divider is needed.\n */\nconst CardFooter = ({ className, ...props }: CardFooterProps) => {\n  return <footer className={cn('flex items-center p-4', className)} {...props} />\n}\n\nCardFooter.displayName = 'CardFooter'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  CardRoot,\n  CardMedia,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardContent,\n  CardSection,\n  CardFooter,\n}\n\nexport type {\n  CardRootProps,\n  CardMediaProps,\n  CardHeaderProps,\n  CardTitleProps,\n  CardDescriptionProps,\n  CardContentProps,\n  CardSectionProps,\n  CardFooterProps,\n}\n"],"mappings":";;;;;;;;AAWA,MAAM,eAAe,IAAI,6DAA6D;CACpF,UAAU,EACR,SAAS;EACP,SAAS;EACT,SAAS;EACT,UAAU;EACX,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;;;;;AAcF,MAAM,WAAW,MAAM,YACpB,EAAE,WAAW,SAAS,GAAG,SAAS,QAAQ;AACzC,QACE,oBAAC;EACM;EACL,WAAW,GAAG,aAAa,EAAE,SAAS,CAAC,EAAE,UAAU;EACnD,GAAI;GACJ;EAGP;AAED,SAAS,cAAc;;;;;AAYvB,MAAM,aAAa,EAAE,WAAW,GAAG,YAA4B;AAC7D,QACE,oBAAC;EACC,WAAW,GACT,mBACA,sDACA,UACD;EACD,GAAI;GACJ;;AAIN,UAAU,cAAc;;;;AAWxB,MAAM,cAAc,EAAE,WAAW,GAAG,YAA6B;AAC/D,QAAO,oBAAC;EAAO,WAAW,GAAG,2BAA2B,UAAU;EAAE,GAAI;GAAS;;AAGnF,WAAW,cAAc;;;;;AAiBzB,MAAM,aAAa,EAAE,IAAI,YAAY,MAAM,WAAW,GAAG,YAA4B;AACnF,QACE,oBAAC;EACC,WAAW,GAAG,yCAAyC,UAAU;EACjE,GAAI;GACJ;;AAIN,UAAU,cAAc;;;;AAWxB,MAAM,mBAAmB,EAAE,WAAW,GAAG,YAAkC;AACzE,QAAO,oBAAC;EAAE,WAAW,GAAG,WAAW,UAAU;EAAE,GAAI;GAAS;;AAG9D,gBAAgB,cAAc;;;;AAW9B,MAAM,eAAe,EAAE,WAAW,GAAG,YAA8B;AACjE,QAAO,oBAAC;EAAI,WAAW,GAAG,YAAY,UAAU;EAAE,GAAI;GAAS;;AAGjE,YAAY,cAAc;;;;;AAY1B,MAAM,eAAe,EAAE,WAAW,GAAG,YAA8B;AACjE,QAAO,oBAAC;EAAQ,WAAW,GAAG,OAAO,UAAU;EAAE,GAAI;GAAS;;AAGhE,YAAY,cAAc;;;;;AAY1B,MAAM,cAAc,EAAE,WAAW,GAAG,YAA6B;AAC/D,QAAO,oBAAC;EAAO,WAAW,GAAG,yBAAyB,UAAU;EAAE,GAAI;GAAS;;AAGjF,WAAW,cAAc"}

package/dist/checkbox-group.d.ts

@@ -1,12 +1,16 @@
-import { CheckboxGroup } from '@base-ui/react/checkbox-group';
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-
-export declare const CheckboxGroupRoot: {
-    ({ className, ...props }: CheckboxGroupRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type CheckboxGroupRootProps = React_2.ComponentProps<typeof CheckboxGroup>;
-
-export { }
+import * as React from "react";
+import * as react_jsx_runtime228 from "react/jsx-runtime";
+import { CheckboxGroup } from "@base-ui/react/checkbox-group";
+
+//#region src/components/checkbox-group.d.ts
+type CheckboxGroupRootProps = React.ComponentProps<typeof CheckboxGroup>;
+declare const CheckboxGroupRoot: {
+  ({
+    className,
+    ...props
+  }: CheckboxGroupRootProps): react_jsx_runtime228.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { CheckboxGroupRoot, type CheckboxGroupRootProps };
+//# sourceMappingURL=checkbox-group.d.ts.map

package/dist/checkbox-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.d.ts","names":[],"sources":["../src/components/checkbox-group.tsx"],"sourcesContent":[],"mappings":";;;;;KAWK,sBAAA,GAAyB,KAAA,CAAM,sBAAsB;cAEpD;;;;KAA8C,yBAAsB,oBAAA,CAAA,GAAA,CAAA;EAFrE,WAAA,EAAA,MAAA;CAAsB"}

package/dist/checkbox-group.js

@@ -1,15 +1,19 @@
-"use client";
-import { jsx as e } from "react/jsx-runtime";
-import { CheckboxGroup as t } from "@base-ui/react/checkbox-group";
-import { c } from "./utils-B6yFEsav.js";
-const m = ({ className: o, ...r }) => /* @__PURE__ */ e(
-  t,
-  {
-    className: c("flex flex-col items-start gap-2", o),
-    ...r
-  }
-);
-m.displayName = "CheckboxGroupRoot";
-export {
-  m as CheckboxGroupRoot
+'use client';
+
+import { cn } from "./lib/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { CheckboxGroup } from "@base-ui/react/checkbox-group";
+
+//#region src/components/checkbox-group.tsx
+const CheckboxGroupRoot = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(CheckboxGroup, {
+		className: cn("flex flex-col items-start gap-2", className),
+		...props
+	});
 };
+CheckboxGroupRoot.displayName = "CheckboxGroupRoot";
+
+//#endregion
+export { CheckboxGroupRoot };
+//# sourceMappingURL=checkbox-group.js.map

package/dist/checkbox-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.js","names":["BaseCheckboxGroup"],"sources":["../src/components/checkbox-group.tsx"],"sourcesContent":["'use client'\n\nimport { CheckboxGroup as BaseCheckboxGroup } from '@base-ui/react/checkbox-group'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// CheckboxGroupRoot\n// ============================================================================\n\ntype CheckboxGroupRootProps = React.ComponentProps<typeof BaseCheckboxGroup>\n\nconst CheckboxGroupRoot = ({ className, ...props }: CheckboxGroupRootProps) => {\n  return (\n    <BaseCheckboxGroup\n      className={cn('flex flex-col items-start gap-2', className)}\n      {...props}\n    />\n  )\n}\n\nCheckboxGroupRoot.displayName = 'CheckboxGroupRoot'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { CheckboxGroupRoot }\n\nexport type { CheckboxGroupRootProps }\n"],"mappings":";;;;;;;;AAaA,MAAM,qBAAqB,EAAE,WAAW,GAAG,YAAoC;AAC7E,QACE,oBAACA;EACC,WAAW,GAAG,mCAAmC,UAAU;EAC3D,GAAI;GACJ;;AAIN,kBAAkB,cAAc"}

package/dist/checkbox.d.ts

@@ -1,19 +1,25 @@
-import { Checkbox } from '@base-ui/react/checkbox';
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-
-export declare const CheckboxIndicator: {
-    ({ className, children, ...props }: CheckboxIndicatorProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type CheckboxIndicatorProps = React_2.ComponentProps<typeof Checkbox.Indicator>;
-
-export declare const CheckboxRoot: {
-    ({ className, ...props }: CheckboxRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type CheckboxRootProps = React_2.ComponentProps<typeof Checkbox.Root>;
-
-export { }
+import * as React from "react";
+import * as react_jsx_runtime216 from "react/jsx-runtime";
+import { Checkbox } from "@base-ui/react/checkbox";
+
+//#region src/components/checkbox.d.ts
+type CheckboxRootProps = React.ComponentProps<typeof Checkbox.Root>;
+declare const CheckboxRoot: {
+  ({
+    className,
+    ...props
+  }: CheckboxRootProps): react_jsx_runtime216.JSX.Element;
+  displayName: string;
+};
+type CheckboxIndicatorProps = React.ComponentProps<typeof Checkbox.Indicator>;
+declare const CheckboxIndicator: {
+  ({
+    className,
+    children,
+    ...props
+  }: CheckboxIndicatorProps): react_jsx_runtime216.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { CheckboxIndicator, type CheckboxIndicatorProps, CheckboxRoot, type CheckboxRootProps };
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","names":[],"sources":["../src/components/checkbox.tsx"],"sourcesContent":[],"mappings":";;;;;KAWK,iBAAA,GAAoB,KAAA,CAAM,sBAAsB,QAAA,CAAa;cAE5D;;;;KAAyC,oBAAiB,oBAAA,CAAA,GAAA,CAAA;EAF3D,WAAA,EAAA,MAAA;CAAiB;KAyBjB,sBAAA,GAAyB,KAAA,CAAM,cAzB8B,CAAA,OAyBR,QAAA,CAAa,SAzBL,CAAA;cA2B5D,iBA3ByB,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,QAAA;IAAA,GAAA;EAAA,CAAA,EA2BiB,sBA3BjB,CAAA,EA2BuC,oBAAA,CAAA,GAAA,CAAA,OA3BvC;EAEvC,WAAA,EAAA,MAeL;CAAA"}

package/dist/checkbox.js

@@ -1,33 +1,27 @@
-"use client";
-import { jsx as t } from "react/jsx-runtime";
-import { Checkbox as a } from "@base-ui/react/checkbox";
-import { c as o } from "./utils-B6yFEsav.js";
-const d = ({ className: e, ...r }) => /* @__PURE__ */ t(
-  a.Root,
-  {
-    className: o(
-      "flex size-5 items-center justify-center rounded-sm border border-input bg-transparent",
-      "transition-colors duration-150",
-      "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
-      "data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground",
-      "data-indeterminate:border-primary data-indeterminate:bg-primary data-indeterminate:text-primary-foreground",
-      "data-disabled:cursor-not-allowed data-disabled:opacity-50",
-      e
-    ),
-    ...r
-  }
-);
-d.displayName = "CheckboxRoot";
-const n = ({ className: e, children: r, ...i }) => /* @__PURE__ */ t(
-  a.Indicator,
-  {
-    className: o("flex items-center justify-center data-unchecked:hidden", e),
-    ...i,
-    children: r
-  }
-);
-n.displayName = "CheckboxIndicator";
-export {
-  n as CheckboxIndicator,
-  d as CheckboxRoot
+'use client';
+
+import { cn } from "./lib/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Checkbox } from "@base-ui/react/checkbox";
+
+//#region src/components/checkbox.tsx
+const CheckboxRoot = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Checkbox.Root, {
+		className: cn("flex size-5 items-center justify-center rounded-sm border border-input bg-transparent", "transition-colors duration-150", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", "data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground", "data-indeterminate:border-primary data-indeterminate:bg-primary data-indeterminate:text-primary-foreground", "data-disabled:cursor-not-allowed data-disabled:opacity-50", className),
+		...props
+	});
 };
+CheckboxRoot.displayName = "CheckboxRoot";
+const CheckboxIndicator = ({ className, children, ...props }) => {
+	return /* @__PURE__ */ jsx(Checkbox.Indicator, {
+		className: cn("flex items-center justify-center data-unchecked:hidden", className),
+		...props,
+		children
+	});
+};
+CheckboxIndicator.displayName = "CheckboxIndicator";
+
+//#endregion
+export { CheckboxIndicator, CheckboxRoot };
+//# sourceMappingURL=checkbox.js.map

package/dist/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","names":["BaseCheckbox"],"sources":["../src/components/checkbox.tsx"],"sourcesContent":["'use client'\n\nimport { Checkbox as BaseCheckbox } from '@base-ui/react/checkbox'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// CheckboxRoot\n// ============================================================================\n\ntype CheckboxRootProps = React.ComponentProps<typeof BaseCheckbox.Root>\n\nconst CheckboxRoot = ({ className, ...props }: CheckboxRootProps) => {\n  return (\n    <BaseCheckbox.Root\n      className={cn(\n        'flex size-5 items-center justify-center rounded-sm border border-input bg-transparent',\n        'transition-colors duration-150',\n        'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring',\n        'data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground',\n        'data-indeterminate:border-primary data-indeterminate:bg-primary data-indeterminate:text-primary-foreground',\n        'data-disabled:cursor-not-allowed data-disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nCheckboxRoot.displayName = 'CheckboxRoot'\n\n// ============================================================================\n// CheckboxIndicator\n// ============================================================================\n\ntype CheckboxIndicatorProps = React.ComponentProps<typeof BaseCheckbox.Indicator>\n\nconst CheckboxIndicator = ({ className, children, ...props }: CheckboxIndicatorProps) => {\n  return (\n    <BaseCheckbox.Indicator\n      className={cn('flex items-center justify-center data-unchecked:hidden', className)}\n      {...props}\n    >\n      {children}\n    </BaseCheckbox.Indicator>\n  )\n}\n\nCheckboxIndicator.displayName = 'CheckboxIndicator'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { CheckboxRoot, CheckboxIndicator }\n\nexport type { CheckboxRootProps, CheckboxIndicatorProps }\n"],"mappings":";;;;;;;;AAaA,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QACE,oBAACA,SAAa;EACZ,WAAW,GACT,yFACA,kCACA,qFACA,4FACA,8GACA,6DACA,UACD;EACD,GAAI;GACJ;;AAIN,aAAa,cAAc;AAQ3B,MAAM,qBAAqB,EAAE,WAAW,UAAU,GAAG,YAAoC;AACvF,QACE,oBAACA,SAAa;EACZ,WAAW,GAAG,0DAA0D,UAAU;EAClF,GAAI;EAEH;GACsB;;AAI7B,kBAAkB,cAAc"}