@alneas/appkit-react 0.1.0 → 0.2.0

package/dist/ui/components/ui/button-group-variants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"button-group-variants.cjs","names":["cva","buttonGroupVariants"],"sources":["../../../../src/ui/components/ui/button-group-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const buttonGroupVariants = cva(\n  \"has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          '[&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0 [&>[data-slot]]:rounded-r-none',\n        vertical:\n          '[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! flex-col [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0 [&>[data-slot]]:rounded-b-none',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  },\n);\n"],"mappings":"A,gFAEA,IAAaC,GAAA,E,kCAAsBD,CAAAA,CAAAA,IAAAA,CACjC,mSACA,CACE,SAAU,CACR,YAAa,CACX,WACE,yKACF,SACE,iLACJ,CACF,EACA,gBAAiB,CACf,YAAa,YACf,CACF,CACF,E"}
+{"version":3,"file":"button-group-variants.cjs","names":["cva","buttonGroupVariants"],"sources":["../../../../src/ui/components/ui/button-group-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\n/**\n * Builds classes that visually join adjacent controls horizontally or vertically.\n * @param props - Optional declared variant axes and additional class/className values; omission applies the CVA defaults documented below.\n * @returns The combined CSS class string for the supplied variant axes and additional class/className values.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. orientation defaults to horizontal; vertical joins the top/bottom borders. These pure CVA helpers return class strings and do not add behavior or DOM attributes.\n * @example\n * ```tsx\n * import { buttonGroupVariants } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<div className={buttonGroupVariants()}>Styled content</div>);\n * }\n * ```\n */\nexport const buttonGroupVariants = cva(\n  \"has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      /**\n       * Axis used to join/group controls or arrange field content.\n       * Accepted values: horizontal, vertical.\n       * @defaultValue 'horizontal'\n       * @see buttonGroupVariants\n       */\n      orientation: {\n        horizontal:\n          '[&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0 [&>[data-slot]]:rounded-r-none',\n        vertical:\n          '[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! flex-col [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0 [&>[data-slot]]:rounded-b-none',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  },\n);\n"],"mappings":"A,gFAiBA,IAAaC,GAAA,E,kCAAsBD,CAAAA,CAAAA,IAAAA,CACjC,mSACA,CACE,SAAU,CAOR,YAAa,CACX,WACE,yKACF,SACE,iLACJ,CACF,EACA,gBAAiB,CACf,YAAa,YACf,CACF,CACF,E"}

package/dist/ui/components/ui/button-group-variants.d.cts

@@ -1,3 +1,18 @@
+/**
+ * Builds classes that visually join adjacent controls horizontally or vertically.
+ * @param props - Optional declared variant axes and additional class/className values; omission applies the CVA defaults documented below.
+ * @returns The combined CSS class string for the supplied variant axes and additional class/className values.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. orientation defaults to horizontal; vertical joins the top/bottom borders. These pure CVA helpers return class strings and do not add behavior or DOM attributes.
+ * @example
+ * ```tsx
+ * import { buttonGroupVariants } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<div className={buttonGroupVariants()}>Styled content</div>);
+ * }
+ * ```
+ */
 export declare const buttonGroupVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/ui/components/ui/button-group-variants.d.ts

@@ -1,3 +1,18 @@
+/**
+ * Builds classes that visually join adjacent controls horizontally or vertically.
+ * @param props - Optional declared variant axes and additional class/className values; omission applies the CVA defaults documented below.
+ * @returns The combined CSS class string for the supplied variant axes and additional class/className values.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. orientation defaults to horizontal; vertical joins the top/bottom borders. These pure CVA helpers return class strings and do not add behavior or DOM attributes.
+ * @example
+ * ```tsx
+ * import { buttonGroupVariants } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<div className={buttonGroupVariants()}>Styled content</div>);
+ * }
+ * ```
+ */
 export declare const buttonGroupVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/ui/components/ui/button-group-variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group-variants.js","names":["buttonGroupVariants","cva"],"sources":["../../../../src/ui/components/ui/button-group-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const buttonGroupVariants = cva(\n  \"has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          '[&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0 [&>[data-slot]]:rounded-r-none',\n        vertical:\n          '[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! flex-col [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0 [&>[data-slot]]:rounded-b-none',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  },\n);\n"],"mappings":";;;AAEA,IAAaA,IAAsBC,EACjC,oSACA;CACE,UAAU,EACR,aAAa;EACX,YACE;EACF,UACE;CACJ,EACF;CACA,iBAAiB,EACf,aAAa,aACf;AACF,CACF"}
+{"version":3,"file":"button-group-variants.js","names":["buttonGroupVariants","cva"],"sources":["../../../../src/ui/components/ui/button-group-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\n/**\n * Builds classes that visually join adjacent controls horizontally or vertically.\n * @param props - Optional declared variant axes and additional class/className values; omission applies the CVA defaults documented below.\n * @returns The combined CSS class string for the supplied variant axes and additional class/className values.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. orientation defaults to horizontal; vertical joins the top/bottom borders. These pure CVA helpers return class strings and do not add behavior or DOM attributes.\n * @example\n * ```tsx\n * import { buttonGroupVariants } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<div className={buttonGroupVariants()}>Styled content</div>);\n * }\n * ```\n */\nexport const buttonGroupVariants = cva(\n  \"has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      /**\n       * Axis used to join/group controls or arrange field content.\n       * Accepted values: horizontal, vertical.\n       * @defaultValue 'horizontal'\n       * @see buttonGroupVariants\n       */\n      orientation: {\n        horizontal:\n          '[&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0 [&>[data-slot]]:rounded-r-none',\n        vertical:\n          '[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! flex-col [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0 [&>[data-slot]]:rounded-b-none',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  },\n);\n"],"mappings":";;;AAiBA,IAAaA,IAAsBC,EACjC,oSACA;CACE,UAAU,EAOR,aAAa;EACX,YACE;EACF,UACE;CACJ,EACF;CACA,iBAAiB,EACf,aAAa,aACf;AACF,CACF"}

package/dist/ui/components/ui/button-variants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"button-variants.cjs","names":["cva","buttonVariants"],"sources":["../../../../src/ui/components/ui/button-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\n/**\n * Button style variants configuration\n * ボタンのスタイルバリエーション設定\n */\nexport const buttonVariants = cva(\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-lg 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    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground [a]: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',\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        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default:\n          'h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',\n        xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n        lg: 'h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3',\n        icon: 'size-8',\n        'icon-xs':\n          \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n        'icon-sm':\n          'size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg',\n        'icon-lg': 'size-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n"],"mappings":"A,gFAMA,IAAaC,GAAA,E,kCAAiBD,CAAAA,CAAAA,IAAAA,CAC5B,2jBACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,6DACT,QACE,kLACF,UACE,kIACF,MACE,mHACF,YACE,8NACF,KAAM,iDACR,EACA,KAAM,CACJ,QACE,uFACF,GAAI,gNACJ,GAAI,0NACJ,GAAI,uFACJ,KAAM,SACN,UACE,0HACF,UACE,qFACF,UAAW,QACb,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,SACR,CACF,CACF,E"}
+{"version":3,"file":"button-variants.cjs","names":["cva","buttonVariants"],"sources":["../../../../src/ui/components/ui/button-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\n/**\n * Builds class names for button color and size variants.\n * @param props - Optional declared variant axes and additional class/className values; omission applies the CVA defaults documented below.\n * @returns The combined CSS class string for the supplied variant axes and additional class/className values.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. variant and size default to default; size supports xs/sm/lg and icon variants. These pure CVA helpers return class strings and do not add behavior or DOM attributes.\n * @example\n * ```tsx\n * import { buttonVariants } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<div className={buttonVariants()}>Styled content</div>);\n * }\n * ```\n */\nexport const buttonVariants = cva(\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-lg 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    variants: {\n      /**\n       * Visual treatment selected by the consumer; these values change CSS classes only.\n       * Accepted values: default, outline, secondary, ghost, destructive, link.\n       * @defaultValue 'default'\n       * @see buttonVariants\n       */\n      variant: {\n        default: 'bg-primary text-primary-foreground [a]: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',\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        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      /**\n       * Control size preset selected by the consumer; sizes are class-based rather than numeric dimensions.\n       * Accepted values: default, xs, sm, lg, icon, 'icon-xs', 'icon-sm', 'icon-lg'.\n       * @defaultValue 'default'\n       * @see buttonVariants\n       */\n      size: {\n        default:\n          'h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',\n        xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n        lg: 'h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3',\n        icon: 'size-8',\n        'icon-xs':\n          \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n        'icon-sm':\n          'size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg',\n        'icon-lg': 'size-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n"],"mappings":"A,gFAiBA,IAAaC,GAAA,E,kCAAiBD,CAAAA,CAAAA,IAAAA,CAC5B,2jBACA,CACE,SAAU,CAOR,QAAS,CACP,QAAS,6DACT,QACE,kLACF,UACE,kIACF,MACE,mHACF,YACE,8NACF,KAAM,iDACR,EAOA,KAAM,CACJ,QACE,uFACF,GAAI,gNACJ,GAAI,0NACJ,GAAI,uFACJ,KAAM,SACN,UACE,0HACF,UACE,qFACF,UAAW,QACb,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,SACR,CACF,CACF,E"}

package/dist/ui/components/ui/button-variants.d.cts

@@ -1,6 +1,17 @@
 /**
- * Button style variants configuration
- * ボタンのスタイルバリエーション設定
+ * Builds class names for button color and size variants.
+ * @param props - Optional declared variant axes and additional class/className values; omission applies the CVA defaults documented below.
+ * @returns The combined CSS class string for the supplied variant axes and additional class/className values.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. variant and size default to default; size supports xs/sm/lg and icon variants. These pure CVA helpers return class strings and do not add behavior or DOM attributes.
+ * @example
+ * ```tsx
+ * import { buttonVariants } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<div className={buttonVariants()}>Styled content</div>);
+ * }
+ * ```
  */
 export declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;

package/dist/ui/components/ui/button-variants.d.ts

@@ -1,6 +1,17 @@
 /**
- * Button style variants configuration
- * ボタンのスタイルバリエーション設定
+ * Builds class names for button color and size variants.
+ * @param props - Optional declared variant axes and additional class/className values; omission applies the CVA defaults documented below.
+ * @returns The combined CSS class string for the supplied variant axes and additional class/className values.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. variant and size default to default; size supports xs/sm/lg and icon variants. These pure CVA helpers return class strings and do not add behavior or DOM attributes.
+ * @example
+ * ```tsx
+ * import { buttonVariants } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<div className={buttonVariants()}>Styled content</div>);
+ * }
+ * ```
  */
 export declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;

package/dist/ui/components/ui/button-variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-variants.js","names":["buttonVariants","cva"],"sources":["../../../../src/ui/components/ui/button-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\n/**\n * Button style variants configuration\n * ボタンのスタイルバリエーション設定\n */\nexport const buttonVariants = cva(\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-lg 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    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground [a]: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',\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        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default:\n          'h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',\n        xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n        lg: 'h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3',\n        icon: 'size-8',\n        'icon-xs':\n          \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n        'icon-sm':\n          'size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg',\n        'icon-lg': 'size-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n"],"mappings":";;;AAMA,IAAaA,IAAiBC,EAC5B,4jBACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;GACF,WACE;GACF,OACE;GACF,aACE;GACF,MAAM;EACR;EACA,MAAM;GACJ,SACE;GACF,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,WACE;GACF,WACE;GACF,WAAW;EACb;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF"}
+{"version":3,"file":"button-variants.js","names":["buttonVariants","cva"],"sources":["../../../../src/ui/components/ui/button-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\n/**\n * Builds class names for button color and size variants.\n * @param props - Optional declared variant axes and additional class/className values; omission applies the CVA defaults documented below.\n * @returns The combined CSS class string for the supplied variant axes and additional class/className values.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. variant and size default to default; size supports xs/sm/lg and icon variants. These pure CVA helpers return class strings and do not add behavior or DOM attributes.\n * @example\n * ```tsx\n * import { buttonVariants } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<div className={buttonVariants()}>Styled content</div>);\n * }\n * ```\n */\nexport const buttonVariants = cva(\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-lg 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    variants: {\n      /**\n       * Visual treatment selected by the consumer; these values change CSS classes only.\n       * Accepted values: default, outline, secondary, ghost, destructive, link.\n       * @defaultValue 'default'\n       * @see buttonVariants\n       */\n      variant: {\n        default: 'bg-primary text-primary-foreground [a]: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',\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        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      /**\n       * Control size preset selected by the consumer; sizes are class-based rather than numeric dimensions.\n       * Accepted values: default, xs, sm, lg, icon, 'icon-xs', 'icon-sm', 'icon-lg'.\n       * @defaultValue 'default'\n       * @see buttonVariants\n       */\n      size: {\n        default:\n          'h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',\n        xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n        lg: 'h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3',\n        icon: 'size-8',\n        'icon-xs':\n          \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n        'icon-sm':\n          'size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg',\n        'icon-lg': 'size-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n"],"mappings":";;;AAiBA,IAAaA,IAAiBC,EAC5B,4jBACA;CACE,UAAU;EAOR,SAAS;GACP,SAAS;GACT,SACE;GACF,WACE;GACF,OACE;GACF,aACE;GACF,MAAM;EACR;EAOA,MAAM;GACJ,SACE;GACF,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,WACE;GACF,WACE;GACF,WAAW;EACb;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF"}

package/dist/ui/components/ui/card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"card.cjs","names":["React","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","Card","props","size","className","CardHeader","CardTitle","CardDescription","CardAction","CardContent","CardFooter"],"sources":["../../../../src/ui/components/ui/card.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Card Component\n * カードコンポーネント\n */\nconst Card = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & { size?: 'default' | 'sm' }\n>(({ className, size = 'default', ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot='card'\n    data-size={size}\n    className={cn(\n      'ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col',\n      className,\n    )}\n    {...props}\n  />\n));\nCard.displayName = 'Card';\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-header'\n      className={cn(\n        'gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nCardHeader.displayName = 'CardHeader';\n\nconst CardTitle = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-title'\n      className={cn(\n        'text-base leading-snug font-medium group-data-[size=sm]/card:text-sm',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nCardTitle.displayName = 'CardTitle';\n\nconst CardDescription = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-description'\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  ),\n);\nCardDescription.displayName = 'CardDescription';\n\nconst CardAction = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-action'\n      className={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className)}\n      {...props}\n    />\n  ),\n);\nCardAction.displayName = 'CardAction';\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-content'\n      className={cn('px-4 group-data-[size=sm]/card:px-3', className)}\n      {...props}\n    />\n  ),\n);\nCardContent.displayName = 'CardContent';\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-footer'\n      className={cn(\n        'bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nCardFooter.displayName = 'CardFooter';\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };\n"],"mappings":"A,mPAQA,IAAMM,EAAON,EAAM,YAGhB,CAAE,YAAW,OAAO,UAAW,GAAGO,GAAS,KAC5C,EAAAH,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,OACV,YAAWI,EACX,UAAWP,EAAAA,GACT,uVACAQ,CACF,EACA,GAAIF,CACL,CAAA,CACF,EACD,EAAK,YAAc,OAEnB,IAAMG,EAAaV,EAAM,YACtB,CAAE,YAAW,GAAGO,GAAS,KACxB,EAAAH,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,cACV,UAAWH,EAAAA,GACT,qSACAQ,CACF,EACA,GAAIF,CACL,CAAA,CAEL,EACA,EAAW,YAAc,aAEzB,IAAMI,EAAYX,EAAM,YACrB,CAAE,YAAW,GAAGO,GAAS,KACxB,EAAAH,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,aACV,UAAWH,EAAAA,GACT,uEACAQ,CACF,EACA,GAAIF,CACL,CAAA,CAEL,EACA,EAAU,YAAc,YAExB,IAAMK,EAAkBZ,EAAM,YAC3B,CAAE,YAAW,GAAGO,GAAS,KACxB,EAAAH,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,mBACV,UAAWH,EAAAA,GAAG,gCAAiCQ,CAAS,EACxD,GAAIF,CACL,CAAA,CAEL,EACA,EAAgB,YAAc,kBAE9B,IAAMM,EAAab,EAAM,YACtB,CAAE,YAAW,GAAGO,GAAS,KACxB,EAAAH,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,cACV,UAAWH,EAAAA,GAAG,iEAAkEQ,CAAS,EACzF,GAAIF,CACL,CAAA,CAEL,EACA,EAAW,YAAc,aAEzB,IAAMO,EAAcd,EAAM,YACvB,CAAE,YAAW,GAAGO,GAAS,KACxB,EAAAH,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,eACV,UAAWH,EAAAA,GAAG,sCAAuCQ,CAAS,EAC9D,GAAIF,CACL,CAAA,CAEL,EACA,EAAY,YAAc,cAE1B,IAAMQ,EAAaf,EAAM,YACtB,CAAE,YAAW,GAAGO,GAAS,KACxB,EAAAH,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,cACV,UAAWH,EAAAA,GACT,wFACAQ,CACF,EACA,GAAIF,CACL,CAAA,CAEL,EACA,EAAW,YAAc,a"}
+{"version":3,"file":"card.cjs","names":["React","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","Card","props","size","className","CardHeader","CardTitle","CardDescription","CardAction","CardContent","CardFooter"],"sources":["../../../../src/ui/components/ui/card.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Renders a bordered card surface with default or compact spacing.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling. Wrapper defaults: size='default'.\n * @returns The rendered Card composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type=\"button\">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);\n * }\n * ```\n */\nconst Card = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & { /**\n * Visual size preset; defaults to default unless the owning component states otherwise.\n */\n  /**\n   * Visual size preset; defaults to default unless the owning component states otherwise.\n   */\n  size?: 'default' | 'sm' }\n>(({ className, size = 'default', ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot='card'\n    data-size={size}\n    className={cn(\n      'ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col',\n      className,\n    )}\n    {...props}\n  />\n));\nCard.displayName = 'Card';\n\n/**\n * Lays out a card heading and optional trailing action.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CardHeader composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type=\"button\">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);\n * }\n * ```\n */\nconst CardHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-header'\n      className={cn(\n        'gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nCardHeader.displayName = 'CardHeader';\n\n/**\n * Styles the card title without imposing a heading level.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CardTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type=\"button\">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);\n * }\n * ```\n */\nconst CardTitle = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-title'\n      className={cn(\n        'text-base leading-snug font-medium group-data-[size=sm]/card:text-sm',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nCardTitle.displayName = 'CardTitle';\n\n/**\n * Styles supporting card text with muted coloring.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CardDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type=\"button\">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);\n * }\n * ```\n */\nconst CardDescription = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-description'\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  ),\n);\nCardDescription.displayName = 'CardDescription';\n\n/**\n * Positions an action in the header grid trailing column.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CardAction composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type=\"button\">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);\n * }\n * ```\n */\nconst CardAction = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-action'\n      className={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className)}\n      {...props}\n    />\n  ),\n);\nCardAction.displayName = 'CardAction';\n\n/**\n * Adds consistent horizontal padding around card content.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CardContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type=\"button\">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);\n * }\n * ```\n */\nconst CardContent = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-content'\n      className={cn('px-4 group-data-[size=sm]/card:px-3', className)}\n      {...props}\n    />\n  ),\n);\nCardContent.displayName = 'CardContent';\n\n/**\n * Renders a shaded footer with a top border inside a card.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CardFooter composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type=\"button\">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);\n * }\n * ```\n */\nconst CardFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-footer'\n      className={cn(\n        'bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nCardFooter.displayName = 'CardFooter';\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };\n"],"mappings":"A,mPAmBA,IAAMM,EAAON,EAAM,YAShB,CAAE,YAAW,OAAO,UAAW,GAAGO,GAAS,KAC5C,EAAAH,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,OACV,YAAWI,EACX,UAAWP,EAAAA,GACT,uVACAQ,CACF,EACA,GAAIF,CACL,CAAA,CACF,EACD,EAAK,YAAc,OAiBnB,IAAMG,EAAaV,EAAM,YACtB,CAAE,YAAW,GAAGO,GAAS,KACxB,EAAAH,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,cACV,UAAWH,EAAAA,GACT,qSACAQ,CACF,EACA,GAAIF,CACL,CAAA,CAEL,EACA,EAAW,YAAc,aAiBzB,IAAMI,EAAYX,EAAM,YACrB,CAAE,YAAW,GAAGO,GAAS,KACxB,EAAAH,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,aACV,UAAWH,EAAAA,GACT,uEACAQ,CACF,EACA,GAAIF,CACL,CAAA,CAEL,EACA,EAAU,YAAc,YAiBxB,IAAMK,EAAkBZ,EAAM,YAC3B,CAAE,YAAW,GAAGO,GAAS,KACxB,EAAAH,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,mBACV,UAAWH,EAAAA,GAAG,gCAAiCQ,CAAS,EACxD,GAAIF,CACL,CAAA,CAEL,EACA,EAAgB,YAAc,kBAiB9B,IAAMM,EAAab,EAAM,YACtB,CAAE,YAAW,GAAGO,GAAS,KACxB,EAAAH,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,cACV,UAAWH,EAAAA,GAAG,iEAAkEQ,CAAS,EACzF,GAAIF,CACL,CAAA,CAEL,EACA,EAAW,YAAc,aAiBzB,IAAMO,EAAcd,EAAM,YACvB,CAAE,YAAW,GAAGO,GAAS,KACxB,EAAAH,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,eACV,UAAWH,EAAAA,GAAG,sCAAuCQ,CAAS,EAC9D,GAAIF,CACL,CAAA,CAEL,EACA,EAAY,YAAc,cAiB1B,IAAMQ,EAAaf,EAAM,YACtB,CAAE,YAAW,GAAGO,GAAS,KACxB,EAAAH,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,cACV,UAAWH,EAAAA,GACT,wFACAQ,CACF,EACA,GAAIF,CACL,CAAA,CAEL,EACA,EAAW,YAAc,a"}

package/dist/ui/components/ui/card.d.cts

@@ -1,15 +1,119 @@
 import * as React from 'react';
 /**
- * Card Component
- * カードコンポーネント
+ * Renders a bordered card surface with default or compact spacing.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling. Wrapper defaults: size='default'.
+ * @returns The rendered Card composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type="button">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);
+ * }
+ * ```
  */
 declare const Card: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Visual size preset; defaults to default unless the owning component states otherwise.
+     */
     size?: "default" | "sm";
 }, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Lays out a card heading and optional trailing action.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CardHeader composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type="button">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);
+ * }
+ * ```
+ */
 declare const CardHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Styles the card title without imposing a heading level.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CardTitle composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type="button">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);
+ * }
+ * ```
+ */
 declare const CardTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Styles supporting card text with muted coloring.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CardDescription composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type="button">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);
+ * }
+ * ```
+ */
 declare const CardDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Positions an action in the header grid trailing column.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CardAction composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type="button">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);
+ * }
+ * ```
+ */
 declare const CardAction: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Adds consistent horizontal padding around card content.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CardContent composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type="button">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);
+ * }
+ * ```
+ */
 declare const CardContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Renders a shaded footer with a top border inside a card.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CardFooter composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type="button">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);
+ * }
+ * ```
+ */
 declare const CardFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };

package/dist/ui/components/ui/card.d.ts

@@ -1,15 +1,119 @@
 import * as React from 'react';
 /**
- * Card Component
- * カードコンポーネント
+ * Renders a bordered card surface with default or compact spacing.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling. Wrapper defaults: size='default'.
+ * @returns The rendered Card composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type="button">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);
+ * }
+ * ```
  */
 declare const Card: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Visual size preset; defaults to default unless the owning component states otherwise.
+     */
     size?: "default" | "sm";
 }, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Lays out a card heading and optional trailing action.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CardHeader composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type="button">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);
+ * }
+ * ```
+ */
 declare const CardHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Styles the card title without imposing a heading level.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CardTitle composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type="button">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);
+ * }
+ * ```
+ */
 declare const CardTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Styles supporting card text with muted coloring.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CardDescription composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type="button">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);
+ * }
+ * ```
+ */
 declare const CardDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Positions an action in the header grid trailing column.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CardAction composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type="button">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);
+ * }
+ * ```
+ */
 declare const CardAction: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Adds consistent horizontal padding around card content.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CardContent composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type="button">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);
+ * }
+ * ```
+ */
 declare const CardContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Renders a shaded footer with a top border inside a card.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered CardFooter composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type="button">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);
+ * }
+ * ```
+ */
 declare const CardFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };

package/dist/ui/components/ui/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","names":["React","React$1","Card","props","size","cn","className","CardHeader","CardTitle","CardDescription","CardAction","CardContent","CardFooter"],"sources":["../../../../src/ui/components/ui/card.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Card Component\n * カードコンポーネント\n */\nconst Card = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & { size?: 'default' | 'sm' }\n>(({ className, size = 'default', ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot='card'\n    data-size={size}\n    className={cn(\n      'ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col',\n      className,\n    )}\n    {...props}\n  />\n));\nCard.displayName = 'Card';\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-header'\n      className={cn(\n        'gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nCardHeader.displayName = 'CardHeader';\n\nconst CardTitle = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-title'\n      className={cn(\n        'text-base leading-snug font-medium group-data-[size=sm]/card:text-sm',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nCardTitle.displayName = 'CardTitle';\n\nconst CardDescription = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-description'\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  ),\n);\nCardDescription.displayName = 'CardDescription';\n\nconst CardAction = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-action'\n      className={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className)}\n      {...props}\n    />\n  ),\n);\nCardAction.displayName = 'CardAction';\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-content'\n      className={cn('px-4 group-data-[size=sm]/card:px-3', className)}\n      {...props}\n    />\n  ),\n);\nCardContent.displayName = 'CardContent';\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-footer'\n      className={cn(\n        'bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nCardFooter.displayName = 'CardFooter';\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };\n"],"mappings":";;;;;AAQA,IAAME,IAAOF,EAAM,YAGhB,EAAE,cAAW,UAAO,WAAW,GAAGG,KAAS,MAC5C,kBAAC,OAAD;CACO;CACL,aAAU;CACV,aAAWC;CACX,WAAWC,EACT,wVACAC,CACF;CACA,GAAIH;AACL,CAAA,CACF;AACD,EAAK,cAAc;AAEnB,IAAMI,IAAaP,EAAM,YACtB,EAAE,cAAW,GAAGG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWE,EACT,sSACAC,CACF;CACA,GAAIH;AACL,CAAA,CAEL;AACA,EAAW,cAAc;AAEzB,IAAMK,IAAYR,EAAM,YACrB,EAAE,cAAW,GAAGG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWE,EACT,wEACAC,CACF;CACA,GAAIH;AACL,CAAA,CAEL;AACA,EAAU,cAAc;AAExB,IAAMM,IAAkBT,EAAM,YAC3B,EAAE,cAAW,GAAGG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWE,EAAG,iCAAiCC,CAAS;CACxD,GAAIH;AACL,CAAA,CAEL;AACA,EAAgB,cAAc;AAE9B,IAAMO,IAAaV,EAAM,YACtB,EAAE,cAAW,GAAGG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWE,EAAG,kEAAkEC,CAAS;CACzF,GAAIH;AACL,CAAA,CAEL;AACA,EAAW,cAAc;AAEzB,IAAMQ,IAAcX,EAAM,YACvB,EAAE,cAAW,GAAGG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWE,EAAG,uCAAuCC,CAAS;CAC9D,GAAIH;AACL,CAAA,CAEL;AACA,EAAY,cAAc;AAE1B,IAAMS,IAAaZ,EAAM,YACtB,EAAE,cAAW,GAAGG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWE,EACT,yFACAC,CACF;CACA,GAAIH;AACL,CAAA,CAEL;AACA,EAAW,cAAc"}
+{"version":3,"file":"card.js","names":["React","React$1","Card","props","size","cn","className","CardHeader","CardTitle","CardDescription","CardAction","CardContent","CardFooter"],"sources":["../../../../src/ui/components/ui/card.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Renders a bordered card surface with default or compact spacing.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling. Wrapper defaults: size='default'.\n * @returns The rendered Card composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type=\"button\">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);\n * }\n * ```\n */\nconst Card = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & { /**\n * Visual size preset; defaults to default unless the owning component states otherwise.\n */\n  /**\n   * Visual size preset; defaults to default unless the owning component states otherwise.\n   */\n  size?: 'default' | 'sm' }\n>(({ className, size = 'default', ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot='card'\n    data-size={size}\n    className={cn(\n      'ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col',\n      className,\n    )}\n    {...props}\n  />\n));\nCard.displayName = 'Card';\n\n/**\n * Lays out a card heading and optional trailing action.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CardHeader composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type=\"button\">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);\n * }\n * ```\n */\nconst CardHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-header'\n      className={cn(\n        'gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nCardHeader.displayName = 'CardHeader';\n\n/**\n * Styles the card title without imposing a heading level.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CardTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type=\"button\">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);\n * }\n * ```\n */\nconst CardTitle = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-title'\n      className={cn(\n        'text-base leading-snug font-medium group-data-[size=sm]/card:text-sm',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nCardTitle.displayName = 'CardTitle';\n\n/**\n * Styles supporting card text with muted coloring.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CardDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type=\"button\">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);\n * }\n * ```\n */\nconst CardDescription = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-description'\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  ),\n);\nCardDescription.displayName = 'CardDescription';\n\n/**\n * Positions an action in the header grid trailing column.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CardAction composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type=\"button\">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);\n * }\n * ```\n */\nconst CardAction = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-action'\n      className={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className)}\n      {...props}\n    />\n  ),\n);\nCardAction.displayName = 'CardAction';\n\n/**\n * Adds consistent horizontal padding around card content.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CardContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type=\"button\">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);\n * }\n * ```\n */\nconst CardContent = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-content'\n      className={cn('px-4 group-data-[size=sm]/card:px-3', className)}\n      {...props}\n    />\n  ),\n);\nCardContent.displayName = 'CardContent';\n\n/**\n * Renders a shaded footer with a top border inside a card.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CardFooter composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type=\"button\">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);\n * }\n * ```\n */\nconst CardFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-footer'\n      className={cn(\n        'bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nCardFooter.displayName = 'CardFooter';\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };\n"],"mappings":";;;;;AAmBA,IAAME,IAAOF,EAAM,YAShB,EAAE,cAAW,UAAO,WAAW,GAAGG,KAAS,MAC5C,kBAAC,OAAD;CACO;CACL,aAAU;CACV,aAAWC;CACX,WAAWC,EACT,wVACAC,CACF;CACA,GAAIH;AACL,CAAA,CACF;AACD,EAAK,cAAc;AAiBnB,IAAMI,IAAaP,EAAM,YACtB,EAAE,cAAW,GAAGG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWE,EACT,sSACAC,CACF;CACA,GAAIH;AACL,CAAA,CAEL;AACA,EAAW,cAAc;AAiBzB,IAAMK,IAAYR,EAAM,YACrB,EAAE,cAAW,GAAGG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWE,EACT,wEACAC,CACF;CACA,GAAIH;AACL,CAAA,CAEL;AACA,EAAU,cAAc;AAiBxB,IAAMM,IAAkBT,EAAM,YAC3B,EAAE,cAAW,GAAGG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWE,EAAG,iCAAiCC,CAAS;CACxD,GAAIH;AACL,CAAA,CAEL;AACA,EAAgB,cAAc;AAiB9B,IAAMO,IAAaV,EAAM,YACtB,EAAE,cAAW,GAAGG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWE,EAAG,kEAAkEC,CAAS;CACzF,GAAIH;AACL,CAAA,CAEL;AACA,EAAW,cAAc;AAiBzB,IAAMQ,IAAcX,EAAM,YACvB,EAAE,cAAW,GAAGG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWE,EAAG,uCAAuCC,CAAS;CAC9D,GAAIH;AACL,CAAA,CAEL;AACA,EAAY,cAAc;AAiB1B,IAAMS,IAAaZ,EAAM,YACtB,EAAE,cAAW,GAAGG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWE,EACT,yFACAC,CACF;CACA,GAAIH;AACL,CAAA,CAEL;AACA,EAAW,cAAc"}

package/dist/ui/components/ui/checkbox-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.cjs","names":["CheckboxGroupPrimitive","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","_base_ui_react_checkbox_group","CheckboxGroup","props","className"],"sources":["../../../../src/ui/components/ui/checkbox-group.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CheckboxGroup as CheckboxGroupPrimitive } from '@base-ui/react/checkbox-group';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * 複数のチェックボックスをまとめ、グループ内の選択状態を管理するためのコンポーネント。\n */\nfunction CheckboxGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxGroupPrimitive>) {\n  return (\n    <CheckboxGroupPrimitive\n      data-slot='checkbox-group'\n      className={cn('flex flex-col gap-2', className)}\n      {...props}\n    />\n  );\n}\n\nexport { CheckboxGroup };\n"],"mappings":"A,+SAUA,SAASO,EAAc,CACrB,YACA,GAAGC,GACmD,CACtD,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,cAAD,CACE,YAAU,iBACV,UAAWC,EAAAA,GAAG,sBAAuBQ,CAAS,EAC9C,GAAID,CACL,CAAA,CAEL,C"}
+{"version":3,"file":"checkbox-group.cjs","names":["CheckboxGroupPrimitive","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","_base_ui_react_checkbox_group","CheckboxGroup","props","className"],"sources":["../../../../src/ui/components/ui/checkbox-group.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CheckboxGroup as CheckboxGroupPrimitive } from '@base-ui/react/checkbox-group';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates a set of named checkbox values using Base UI group state.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered CheckboxGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place Checkbox descendants with distinct value strings inside the group. Base UI owns controlled/default selection and callbacks; this wrapper adds only vertical layout.\n * @example\n * ```tsx\n * import { CheckboxGroup, Checkbox } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<CheckboxGroup defaultValue={[\"review\"]} aria-label=\"Tasks\"><Checkbox value=\"review\" aria-label=\"Review\" /><Checkbox value=\"publish\" aria-label=\"Publish\" /></CheckboxGroup>);\n * }\n * ```\n */\nfunction CheckboxGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxGroupPrimitive>) {\n  return (\n    <CheckboxGroupPrimitive\n      data-slot='checkbox-group'\n      className={cn('flex flex-col gap-2', className)}\n      {...props}\n    />\n  );\n}\n\nexport { CheckboxGroup };\n"],"mappings":"A,+SAsBA,SAASO,EAAc,CACrB,YACA,GAAGC,GACmD,CACtD,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,cAAD,CACE,YAAU,iBACV,UAAWC,EAAAA,GAAG,sBAAuBQ,CAAS,EAC9C,GAAID,CACL,CAAA,CAEL,C"}

package/dist/ui/components/ui/checkbox-group.d.cts

@@ -1,7 +1,19 @@
 import { CheckboxGroup as CheckboxGroupPrimitive } from '@base-ui/react/checkbox-group';
 import * as React from 'react';
 /**
- * 複数のチェックボックスをまとめ、グループ内の選択状態を管理するためのコンポーネント。
+ * Coordinates a set of named checkbox values using Base UI group state.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered CheckboxGroup composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Place Checkbox descendants with distinct value strings inside the group. Base UI owns controlled/default selection and callbacks; this wrapper adds only vertical layout.
+ * @example
+ * ```tsx
+ * import { CheckboxGroup, Checkbox } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<CheckboxGroup defaultValue={["review"]} aria-label="Tasks"><Checkbox value="review" aria-label="Review" /><Checkbox value="publish" aria-label="Publish" /></CheckboxGroup>);
+ * }
+ * ```
  */
 declare function CheckboxGroup({ className, ...props }: React.ComponentProps<typeof CheckboxGroupPrimitive>): React.JSX.Element;
 export { CheckboxGroup };

package/dist/ui/components/ui/checkbox-group.d.ts

@@ -1,7 +1,19 @@
 import { CheckboxGroup as CheckboxGroupPrimitive } from '@base-ui/react/checkbox-group';
 import * as React from 'react';
 /**
- * 複数のチェックボックスをまとめ、グループ内の選択状態を管理するためのコンポーネント。
+ * Coordinates a set of named checkbox values using Base UI group state.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered CheckboxGroup composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Place Checkbox descendants with distinct value strings inside the group. Base UI owns controlled/default selection and callbacks; this wrapper adds only vertical layout.
+ * @example
+ * ```tsx
+ * import { CheckboxGroup, Checkbox } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<CheckboxGroup defaultValue={["review"]} aria-label="Tasks"><Checkbox value="review" aria-label="Review" /><Checkbox value="publish" aria-label="Publish" /></CheckboxGroup>);
+ * }
+ * ```
  */
 declare function CheckboxGroup({ className, ...props }: React.ComponentProps<typeof CheckboxGroupPrimitive>): React.JSX.Element;
 export { CheckboxGroup };

package/dist/ui/components/ui/checkbox-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.js","names":["CheckboxGroupPrimitive","CheckboxGroup$1","CheckboxGroup","props","cn","className"],"sources":["../../../../src/ui/components/ui/checkbox-group.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CheckboxGroup as CheckboxGroupPrimitive } from '@base-ui/react/checkbox-group';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * 複数のチェックボックスをまとめ、グループ内の選択状態を管理するためのコンポーネント。\n */\nfunction CheckboxGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxGroupPrimitive>) {\n  return (\n    <CheckboxGroupPrimitive\n      data-slot='checkbox-group'\n      className={cn('flex flex-col gap-2', className)}\n      {...props}\n    />\n  );\n}\n\nexport { CheckboxGroup };\n"],"mappings":";;;;;;;AAUA,SAASE,EAAc,EACrB,cACA,GAAGC,KACmD;CACtD,OACE,kBAACH,GAAD;EACE,aAAU;EACV,WAAWI,EAAG,uBAAuBC,CAAS;EAC9C,GAAIF;CACL,CAAA;AAEL"}
+{"version":3,"file":"checkbox-group.js","names":["CheckboxGroupPrimitive","CheckboxGroup$1","CheckboxGroup","props","cn","className"],"sources":["../../../../src/ui/components/ui/checkbox-group.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CheckboxGroup as CheckboxGroupPrimitive } from '@base-ui/react/checkbox-group';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates a set of named checkbox values using Base UI group state.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered CheckboxGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place Checkbox descendants with distinct value strings inside the group. Base UI owns controlled/default selection and callbacks; this wrapper adds only vertical layout.\n * @example\n * ```tsx\n * import { CheckboxGroup, Checkbox } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<CheckboxGroup defaultValue={[\"review\"]} aria-label=\"Tasks\"><Checkbox value=\"review\" aria-label=\"Review\" /><Checkbox value=\"publish\" aria-label=\"Publish\" /></CheckboxGroup>);\n * }\n * ```\n */\nfunction CheckboxGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxGroupPrimitive>) {\n  return (\n    <CheckboxGroupPrimitive\n      data-slot='checkbox-group'\n      className={cn('flex flex-col gap-2', className)}\n      {...props}\n    />\n  );\n}\n\nexport { CheckboxGroup };\n"],"mappings":";;;;;;;AAsBA,SAASE,EAAc,EACrB,cACA,GAAGC,KACmD;CACtD,OACE,kBAACH,GAAD;EACE,aAAU;EACV,WAAWI,EAAG,uBAAuBC,CAAS;EAC9C,GAAIF;CACL,CAAA;AAEL"}

package/dist/ui/components/ui/checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.cjs","names":["React","CheckboxPrimitive","cn","CheckIcon","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","lucide_react","_base_ui_react_checkbox","Checkbox","props","testId","className"],"sources":["../../../../src/ui/components/ui/checkbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';\nimport { CheckIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Checkbox component props\n * チェックボックスコンポーネントのプロップス\n */\nexport interface CheckboxProps extends CheckboxPrimitive.Root.Props {\n  /**\n   * AI/E2E Test用の安定ID / Stable test identifier for AI and E2E tests\n   * @example testId=\"agree-terms\" → data-testid=\"agree-terms\"\n   */\n  testId?: string;\n}\n\n/**\n * Checkbox Component\n * チェックボックスコンポーネント\n */\nconst Checkbox = React.forwardRef<HTMLButtonElement, CheckboxProps>(\n  ({ className, testId, ...props }, ref) => (\n    <CheckboxPrimitive.Root\n      ref={ref}\n      data-slot='checkbox'\n      data-testid={testId}\n      className={cn(\n        'border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-[3px] aria-invalid:ring-[3px] peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot='checkbox-indicator'\n        className='[&>svg]:size-3.5 grid place-content-center text-current transition-none'\n      >\n        <CheckIcon />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  ),\n);\nCheckbox.displayName = 'Checkbox';\n\nexport { Checkbox };\n"],"mappings":"A,sTAsBA,IAAMU,EAAWV,EAAM,YACpB,CAAE,YAAW,SAAQ,GAAGW,GAAS,KAChC,EAAAL,EAAA,IAAA,CAACL,EAAAA,SAAkB,KAAnB,CACO,MACL,YAAU,WACV,cAAaW,EACb,UAAWV,EAAAA,GACT,4qBACAW,CACF,EACA,GAAIF,EAEJ,UAAA,EAAAL,EAAA,IAAA,CAACL,EAAAA,SAAkB,UAAnB,CACE,YAAU,qBACV,UAAU,0EAEV,UAAA,EAAAK,EAAA,IAAA,CAACH,EAAAA,UAAD,CAAY,CAAA,CACe,CAAA,CACP,CAAA,CAE5B,EACA,EAAS,YAAc,W"}
+{"version":3,"file":"checkbox.cjs","names":["React","CheckboxPrimitive","cn","CheckIcon","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","lucide_react","_base_ui_react_checkbox","Checkbox","props","testId","className"],"sources":["../../../../src/ui/components/ui/checkbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';\nimport { CheckIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Base UI checkbox-root props plus an optional stable test selector.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see Checkbox\n */\nexport interface CheckboxProps extends CheckboxPrimitive.Root.Props {\n  /**\n   * Stable data-testid assigned to the rendered control/container; omitted means no selector.\n   */\n  testId?: string;\n}\n\n/**\n * Renders a checkable Base UI control with a built-in checkmark indicator and optional test ID.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered Checkbox composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use a visible associated label or aria-label. testId maps to data-testid; remaining Base UI Root props are forwarded. Selection state is controlled by checked/onCheckedChange or upstream defaultChecked behavior. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the built-in indicator/checkmark.\n * @example\n * ```tsx\n * import { Checkbox } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Checkbox defaultChecked testId=\"agree\" aria-label=\"Agree to terms\" />);\n * }\n * ```\n */\nconst Checkbox = React.forwardRef<HTMLButtonElement, CheckboxProps>(\n  ({ className, testId, ...props }, ref) => (\n    <CheckboxPrimitive.Root\n      ref={ref}\n      data-slot='checkbox'\n      data-testid={testId}\n      className={cn(\n        'border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-[3px] aria-invalid:ring-[3px] peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot='checkbox-indicator'\n        className='[&>svg]:size-3.5 grid place-content-center text-current transition-none'\n      >\n        <CheckIcon />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  ),\n);\nCheckbox.displayName = 'Checkbox';\n\nexport { Checkbox };\n"],"mappings":"A,sTAiCA,IAAMU,EAAWV,EAAM,YACpB,CAAE,YAAW,SAAQ,GAAGW,GAAS,KAChC,EAAAL,EAAA,IAAA,CAACL,EAAAA,SAAkB,KAAnB,CACO,MACL,YAAU,WACV,cAAaW,EACb,UAAWV,EAAAA,GACT,4qBACAW,CACF,EACA,GAAIF,EAEJ,UAAA,EAAAL,EAAA,IAAA,CAACL,EAAAA,SAAkB,UAAnB,CACE,YAAU,qBACV,UAAU,0EAEV,UAAA,EAAAK,EAAA,IAAA,CAACH,EAAAA,UAAD,CAAY,CAAA,CACe,CAAA,CACP,CAAA,CAE5B,EACA,EAAS,YAAc,W"}