@alneas/appkit-react 0.1.0 → 0.3.0

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

@@ -3,15 +3,51 @@ import { VariantProps } from 'class-variance-authority';
 import { Separator } from './separator.cjs';
 import { buttonGroupVariants } from './button-group-variants.cjs';
 /**
- * 複数のボタンを結合して一体のグループとして表示するコンテナ。
+ * Visually joins adjacent buttons in a labeled group.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ButtonGroup composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. orientation defaults to horizontal through buttonGroupVariants. This group provides styling and role=group, without roving focus or selection state. Text uses Base UI useRender composition; custom elements must accept merged props.
+ * @example
+ * ```tsx
+ * import { ButtonGroup, ButtonGroupText, ButtonGroupSeparator, Button } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<ButtonGroup aria-label="Document actions"><ButtonGroupText>Draft</ButtonGroupText><Button>Save</Button><ButtonGroupSeparator /><Button>Preview</Button></ButtonGroup>);
+ * }
+ * ```
  */
 declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): import('react').JSX.Element;
 /**
- * ボタングループ内にテキストラベルを挿入するためのコンポーネント。
+ * Renders supplemental text or a custom render element inside a button group.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ButtonGroupText composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. orientation defaults to horizontal through buttonGroupVariants. This group provides styling and role=group, without roving focus or selection state. Text uses Base UI useRender composition; custom elements must accept merged props.
+ * @example
+ * ```tsx
+ * import { ButtonGroup, ButtonGroupText, ButtonGroupSeparator, Button } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<ButtonGroup aria-label="Document actions"><ButtonGroupText>Draft</ButtonGroupText><Button>Save</Button><ButtonGroupSeparator /><Button>Preview</Button></ButtonGroup>);
+ * }
+ * ```
  */
 declare function ButtonGroupText({ className, render, ...props }: useRender.ComponentProps<'div'>): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
 /**
- * ボタングループ内の各ボタンを区切るためのセパレーター。
+ * Separates adjacent button-group controls with a vertical separator by default.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: orientation='vertical'.
+ * @returns The rendered ButtonGroupSeparator composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. orientation defaults to horizontal through buttonGroupVariants. This group provides styling and role=group, without roving focus or selection state. Text uses Base UI useRender composition; custom elements must accept merged props.
+ * @example
+ * ```tsx
+ * import { ButtonGroup, ButtonGroupText, ButtonGroupSeparator, Button } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<ButtonGroup aria-label="Document actions"><ButtonGroupText>Draft</ButtonGroupText><Button>Save</Button><ButtonGroupSeparator /><Button>Preview</Button></ButtonGroup>);
+ * }
+ * ```
  */
 declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import('react').JSX.Element;
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText };

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

@@ -3,15 +3,51 @@ import { VariantProps } from 'class-variance-authority';
 import { Separator } from './separator.js';
 import { buttonGroupVariants } from './button-group-variants.js';
 /**
- * 複数のボタンを結合して一体のグループとして表示するコンテナ。
+ * Visually joins adjacent buttons in a labeled group.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ButtonGroup composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. orientation defaults to horizontal through buttonGroupVariants. This group provides styling and role=group, without roving focus or selection state. Text uses Base UI useRender composition; custom elements must accept merged props.
+ * @example
+ * ```tsx
+ * import { ButtonGroup, ButtonGroupText, ButtonGroupSeparator, Button } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<ButtonGroup aria-label="Document actions"><ButtonGroupText>Draft</ButtonGroupText><Button>Save</Button><ButtonGroupSeparator /><Button>Preview</Button></ButtonGroup>);
+ * }
+ * ```
  */
 declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): import('react').JSX.Element;
 /**
- * ボタングループ内にテキストラベルを挿入するためのコンポーネント。
+ * Renders supplemental text or a custom render element inside a button group.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ButtonGroupText composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. orientation defaults to horizontal through buttonGroupVariants. This group provides styling and role=group, without roving focus or selection state. Text uses Base UI useRender composition; custom elements must accept merged props.
+ * @example
+ * ```tsx
+ * import { ButtonGroup, ButtonGroupText, ButtonGroupSeparator, Button } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<ButtonGroup aria-label="Document actions"><ButtonGroupText>Draft</ButtonGroupText><Button>Save</Button><ButtonGroupSeparator /><Button>Preview</Button></ButtonGroup>);
+ * }
+ * ```
  */
 declare function ButtonGroupText({ className, render, ...props }: useRender.ComponentProps<'div'>): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
 /**
- * ボタングループ内の各ボタンを区切るためのセパレーター。
+ * Separates adjacent button-group controls with a vertical separator by default.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: orientation='vertical'.
+ * @returns The rendered ButtonGroupSeparator composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. orientation defaults to horizontal through buttonGroupVariants. This group provides styling and role=group, without roving focus or selection state. Text uses Base UI useRender composition; custom elements must accept merged props.
+ * @example
+ * ```tsx
+ * import { ButtonGroup, ButtonGroupText, ButtonGroupSeparator, Button } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<ButtonGroup aria-label="Document actions"><ButtonGroupText>Draft</ButtonGroupText><Button>Save</Button><ButtonGroupSeparator /><Button>Preview</Button></ButtonGroup>);
+ * }
+ * ```
  */
 declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import('react').JSX.Element;
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText };

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

@@ -1 +1 @@
-{"version":3,"file":"button-group-components.js","names":["ButtonGroup","props","orientation","cn","buttonGroupVariants","className","ButtonGroupText","useRender","mergeProps","ButtonGroupSeparator","Separator"],"sources":["../../../../src/ui/components/ui/button-group-components.tsx"],"sourcesContent":["import { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../lib/utils';\nimport { Separator } from './separator';\nimport { buttonGroupVariants } from './button-group-variants';\n\n/**\n * 複数のボタンを結合して一体のグループとして表示するコンテナ。\n */\nfunction ButtonGroup({\n  className,\n  orientation,\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <div\n      role='group'\n      data-slot='button-group'\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * ボタングループ内にテキストラベルを挿入するためのコンポーネント。\n */\nfunction ButtonGroupText({ className, render, ...props }: useRender.ComponentProps<'div'>) {\n  return useRender({\n    defaultTagName: 'div',\n    props: mergeProps<'div'>(\n      {\n        className: cn(\n          \"bg-muted gap-2 rounded-lg border px-2.5 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none\",\n          className,\n        ),\n      },\n      props,\n    ),\n    render,\n    state: {\n      slot: 'button-group-text',\n    },\n  });\n}\n\n/**\n * ボタングループ内の各ボタンを区切るためのセパレーター。\n */\nfunction ButtonGroupSeparator({\n  className,\n  orientation = 'vertical',\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot='button-group-separator'\n      orientation={orientation}\n      className={cn(\n        'bg-input relative self-stretch data-[orientation=horizontal]:mx-px data-[orientation=horizontal]:w-auto data-[orientation=vertical]:my-px data-[orientation=vertical]:h-auto',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { ButtonGroup, ButtonGroupSeparator, ButtonGroupText };\n"],"mappings":";;;;;;;;AAWA,SAASA,EAAY,EACnB,cACA,gBACA,GAAGC,KACsE;CACzE,OACE,kBAAC,OAAD;EACE,MAAK;EACL,aAAU;EACV,oBAAkBC;EAClB,WAAWC,EAAGC,EAAoB,EAAE,eAAY,CAAC,GAAGC,CAAS;EAC7D,GAAIJ;CACL,CAAA;AAEL;AAKA,SAASK,EAAgB,EAAE,cAAW,WAAQ,GAAGL,KAA0C;CACzF,OAAOM,EAAU;EACf,gBAAgB;EAChB,OAAOC,EACL,EACE,WAAWL,EACT,kJACAE,CACF,EACF,GACAJ,CACF;EACA;EACA,OAAO,EACL,MAAM,oBACR;CACF,CAAC;AACH;AAKA,SAASQ,EAAqB,EAC5B,cACA,iBAAc,YACd,GAAGR,KACsC;CACzC,OACE,kBAACS,GAAD;EACE,aAAU;EACG;EACb,WAAWP,EACT,gLACAE,CACF;EACA,GAAIJ;CACL,CAAA;AAEL"}
+{"version":3,"file":"button-group-components.js","names":["ButtonGroup","props","orientation","cn","buttonGroupVariants","className","ButtonGroupText","useRender","mergeProps","ButtonGroupSeparator","Separator"],"sources":["../../../../src/ui/components/ui/button-group-components.tsx"],"sourcesContent":["import { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport { type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../lib/utils';\nimport { Separator } from './separator';\nimport { buttonGroupVariants } from './button-group-variants';\n\n/**\n * Visually joins adjacent buttons in a labeled group.\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 ButtonGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. orientation defaults to horizontal through buttonGroupVariants. This group provides styling and role=group, without roving focus or selection state. Text uses Base UI useRender composition; custom elements must accept merged props.\n * @example\n * ```tsx\n * import { ButtonGroup, ButtonGroupText, ButtonGroupSeparator, Button } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ButtonGroup aria-label=\"Document actions\"><ButtonGroupText>Draft</ButtonGroupText><Button>Save</Button><ButtonGroupSeparator /><Button>Preview</Button></ButtonGroup>);\n * }\n * ```\n */\nfunction ButtonGroup({\n  className,\n  orientation,\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <div\n      role='group'\n      data-slot='button-group'\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Renders supplemental text or a custom render element inside a button group.\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 ButtonGroupText composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. orientation defaults to horizontal through buttonGroupVariants. This group provides styling and role=group, without roving focus or selection state. Text uses Base UI useRender composition; custom elements must accept merged props.\n * @example\n * ```tsx\n * import { ButtonGroup, ButtonGroupText, ButtonGroupSeparator, Button } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ButtonGroup aria-label=\"Document actions\"><ButtonGroupText>Draft</ButtonGroupText><Button>Save</Button><ButtonGroupSeparator /><Button>Preview</Button></ButtonGroup>);\n * }\n * ```\n */\nfunction ButtonGroupText({ className, render, ...props }: useRender.ComponentProps<'div'>) {\n  return useRender({\n    defaultTagName: 'div',\n    props: mergeProps<'div'>(\n      {\n        className: cn(\n          \"bg-muted gap-2 rounded-lg border px-2.5 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none\",\n          className,\n        ),\n      },\n      props,\n    ),\n    render,\n    state: {\n      slot: 'button-group-text',\n    },\n  });\n}\n\n/**\n * Separates adjacent button-group controls with a vertical separator by default.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: orientation='vertical'.\n * @returns The rendered ButtonGroupSeparator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. orientation defaults to horizontal through buttonGroupVariants. This group provides styling and role=group, without roving focus or selection state. Text uses Base UI useRender composition; custom elements must accept merged props.\n * @example\n * ```tsx\n * import { ButtonGroup, ButtonGroupText, ButtonGroupSeparator, Button } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ButtonGroup aria-label=\"Document actions\"><ButtonGroupText>Draft</ButtonGroupText><Button>Save</Button><ButtonGroupSeparator /><Button>Preview</Button></ButtonGroup>);\n * }\n * ```\n */\nfunction ButtonGroupSeparator({\n  className,\n  orientation = 'vertical',\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot='button-group-separator'\n      orientation={orientation}\n      className={cn(\n        'bg-input relative self-stretch data-[orientation=horizontal]:mx-px data-[orientation=horizontal]:w-auto data-[orientation=vertical]:my-px data-[orientation=vertical]:h-auto',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { ButtonGroup, ButtonGroupSeparator, ButtonGroupText };\n"],"mappings":";;;;;;;;AAuBA,SAASA,EAAY,EACnB,cACA,gBACA,GAAGC,KACsE;CACzE,OACE,kBAAC,OAAD;EACE,MAAK;EACL,aAAU;EACV,oBAAkBC;EAClB,WAAWC,EAAGC,EAAoB,EAAE,eAAY,CAAC,GAAGC,CAAS;EAC7D,GAAIJ;CACL,CAAA;AAEL;AAiBA,SAASK,EAAgB,EAAE,cAAW,WAAQ,GAAGL,KAA0C;CACzF,OAAOM,EAAU;EACf,gBAAgB;EAChB,OAAOC,EACL,EACE,WAAWL,EACT,kJACAE,CACF,EACF,GACAJ,CACF;EACA;EACA,OAAO,EACL,MAAM,oBACR;CACF,CAAC;AACH;AAiBA,SAASQ,EAAqB,EAC5B,cACA,iBAAc,YACd,GAAGR,KACsC;CACzC,OACE,kBAACS,GAAD;EACE,aAAU;EACG;EACb,WAAWP,EACT,gLACAE,CACF;EACA,GAAIJ;CACL,CAAA;AAEL"}

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

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);var i=r.forwardRef(({className:e,size:r=`default`,...i},a)=>(0,n.jsx)(`div`,{ref:a,"data-slot":`card`,"data-size":r,className:t.cn(`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`,e),...i}));i.displayName=`Card`;var a=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(`div`,{ref:i,"data-slot":`card-header`,className:t.cn(`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]`,e),...r}));a.displayName=`CardHeader`;var o=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(`div`,{ref:i,"data-slot":`card-title`,className:t.cn(`text-base leading-snug font-medium group-data-[size=sm]/card:text-sm`,e),...r}));o.displayName=`CardTitle`;var s=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(`div`,{ref:i,"data-slot":`card-description`,className:t.cn(`text-muted-foreground text-sm`,e),...r}));s.displayName=`CardDescription`;var c=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(`div`,{ref:i,"data-slot":`card-action`,className:t.cn(`col-start-2 row-span-2 row-start-1 self-start justify-self-end`,e),...r}));c.displayName=`CardAction`;var l=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(`div`,{ref:i,"data-slot":`card-content`,className:t.cn(`px-4 group-data-[size=sm]/card:px-3`,e),...r}));l.displayName=`CardContent`;var u=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(`div`,{ref:i,"data-slot":`card-footer`,className:t.cn(`bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center`,e),...r}));u.displayName=`CardFooter`,exports.Card=i,exports.CardAction=c,exports.CardContent=l,exports.CardDescription=s,exports.CardFooter=u,exports.CardHeader=a,exports.CardTitle=o;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);function i({ref:e,className:r,size:i=`default`,...a}){return(0,n.jsx)(`div`,{ref:e,"data-slot":`card`,"data-size":i,className:t.cn(`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`,r),...a})}i.displayName=`Card`;function a({ref:e,className:r,...i}){return(0,n.jsx)(`div`,{ref:e,"data-slot":`card-header`,className:t.cn(`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]`,r),...i})}a.displayName=`CardHeader`;function o({ref:e,className:r,...i}){return(0,n.jsx)(`div`,{ref:e,"data-slot":`card-title`,className:t.cn(`text-base leading-snug font-medium group-data-[size=sm]/card:text-sm`,r),...i})}o.displayName=`CardTitle`;function s({ref:e,className:r,...i}){return(0,n.jsx)(`div`,{ref:e,"data-slot":`card-description`,className:t.cn(`text-muted-foreground text-sm`,r),...i})}s.displayName=`CardDescription`;function c({ref:e,className:r,...i}){return(0,n.jsx)(`div`,{ref:e,"data-slot":`card-action`,className:t.cn(`col-start-2 row-span-2 row-start-1 self-start justify-self-end`,r),...i})}c.displayName=`CardAction`;function l({ref:e,className:r,...i}){return(0,n.jsx)(`div`,{ref:e,"data-slot":`card-content`,className:t.cn(`px-4 group-data-[size=sm]/card:px-3`,r),...i})}l.displayName=`CardContent`;function u({ref:e,className:r,...i}){return(0,n.jsx)(`div`,{ref:e,"data-slot":`card-footer`,className:t.cn(`bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center`,r),...i})}u.displayName=`CardFooter`,exports.Card=i,exports.CardAction=c,exports.CardContent=l,exports.CardDescription=s,exports.CardFooter=u,exports.CardHeader=a,exports.CardTitle=o;
 //# sourceMappingURL=card.cjs.map

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":["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 */\nfunction Card({\n  ref,\n  className,\n  size = 'default',\n  ...props\n}: React.PropsWithoutRef<\n  React.ComponentProps<'div'> & {\n    /**\n     * Visual size preset; defaults to default unless the owning component states otherwise.\n     */\n    size?: 'default' | 'sm';\n  }\n> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\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  );\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 */\nfunction CardHeader({\n  ref,\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'div'> & React.RefAttributes<HTMLDivElement>) {\n  return (\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 */\nfunction CardTitle({\n  ref,\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'div'> & React.RefAttributes<HTMLDivElement>) {\n  return (\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 */\nfunction CardDescription({\n  ref,\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'div'> & React.RefAttributes<HTMLDivElement>) {\n  return (\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 */\nfunction CardAction({\n  ref,\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'div'> & React.RefAttributes<HTMLDivElement>) {\n  return (\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 */\nfunction CardContent({\n  ref,\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'div'> & React.RefAttributes<HTMLDivElement>) {\n  return (\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 */\nfunction CardFooter({\n  ref,\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'div'> & React.RefAttributes<HTMLDivElement>) {\n  return (\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,SAASK,EAAK,CACZ,MACA,YACA,OAAO,UACP,GAAGC,GASkC,CACrC,OACE,EAAAH,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,OACV,YAAWI,EACX,UAAWP,EAAAA,GACT,uVACAQ,CACF,EACA,GAAIF,CACL,CAAA,CAEL,CACA,EAAK,YAAc,OAiBnB,SAASG,EAAW,CAClB,MACA,YACA,GAAGH,GAC2E,CAC9E,OACE,EAAAH,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,cACV,UAAWH,EAAAA,GACT,qSACAQ,CACF,EACA,GAAIF,CACL,CAAA,CAEL,CACA,EAAW,YAAc,aAiBzB,SAASI,EAAU,CACjB,MACA,YACA,GAAGJ,GAC2E,CAC9E,OACE,EAAAH,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,aACV,UAAWH,EAAAA,GACT,uEACAQ,CACF,EACA,GAAIF,CACL,CAAA,CAEL,CACA,EAAU,YAAc,YAiBxB,SAASK,EAAgB,CACvB,MACA,YACA,GAAGL,GAC2E,CAC9E,OACE,EAAAH,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,mBACV,UAAWH,EAAAA,GAAG,gCAAiCQ,CAAS,EACxD,GAAIF,CACL,CAAA,CAEL,CACA,EAAgB,YAAc,kBAiB9B,SAASM,EAAW,CAClB,MACA,YACA,GAAGN,GAC2E,CAC9E,OACE,EAAAH,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,cACV,UAAWH,EAAAA,GAAG,iEAAkEQ,CAAS,EACzF,GAAIF,CACL,CAAA,CAEL,CACA,EAAW,YAAc,aAiBzB,SAASO,EAAY,CACnB,MACA,YACA,GAAGP,GAC2E,CAC9E,OACE,EAAAH,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,eACV,UAAWH,EAAAA,GAAG,sCAAuCQ,CAAS,EAC9D,GAAIF,CACL,CAAA,CAEL,CACA,EAAY,YAAc,cAiB1B,SAASQ,EAAW,CAClB,MACA,YACA,GAAGR,GAC2E,CAC9E,OACE,EAAAH,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,cACV,UAAWH,EAAAA,GACT,wFACAQ,CACF,EACA,GAAIF,CACL,CAAA,CAEL,CACA,EAAW,YAAc,a"}

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

@@ -1,15 +1,140 @@
 import * as React from 'react';
 /**
- * Card Component
- * カードコンポーネント
- */
-declare const Card: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    size?: "default" | "sm";
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CardDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CardAction: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CardContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+ * 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 function Card({ ref, className, size, ...props }: React.PropsWithoutRef<React.ComponentProps<'div'> & {
+    /**
+     * Visual size preset; defaults to default unless the owning component states otherwise.
+     */
+    size?: 'default' | 'sm';
+}> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace Card {
+    var displayName: string;
+}
+/**
+ * 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 function CardHeader({ ref, className, ...props }: React.ComponentPropsWithoutRef<'div'> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace CardHeader {
+    var displayName: string;
+}
+/**
+ * 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 function CardTitle({ ref, className, ...props }: React.ComponentPropsWithoutRef<'div'> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace CardTitle {
+    var displayName: string;
+}
+/**
+ * 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 function CardDescription({ ref, className, ...props }: React.ComponentPropsWithoutRef<'div'> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace CardDescription {
+    var displayName: string;
+}
+/**
+ * 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 function CardAction({ ref, className, ...props }: React.ComponentPropsWithoutRef<'div'> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace CardAction {
+    var displayName: string;
+}
+/**
+ * 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 function CardContent({ ref, className, ...props }: React.ComponentPropsWithoutRef<'div'> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace CardContent {
+    var displayName: string;
+}
+/**
+ * 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 function CardFooter({ ref, className, ...props }: React.ComponentPropsWithoutRef<'div'> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace CardFooter {
+    var displayName: string;
+}
 export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };