@alneas/appkit-react 0.1.0 → 0.3.0

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

@@ -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 };

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

@@ -1,59 +1,73 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import { jsx as t } from "react/jsx-runtime";
-import * as n from "react";
+import "react";
 //#region src/ui/components/ui/card.tsx
-var r = n.forwardRef(({ className: n, size: r = "default", ...i }, a) => /* @__PURE__ */ t("div", {
-	ref: a,
-	"data-slot": "card",
-	"data-size": r,
-	className: e("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),
-	...i
-}));
-r.displayName = "Card";
-var i = n.forwardRef(({ className: n, ...r }, i) => /* @__PURE__ */ t("div", {
-	ref: i,
-	"data-slot": "card-header",
-	className: e("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),
-	...r
-}));
-i.displayName = "CardHeader";
-var a = n.forwardRef(({ className: n, ...r }, i) => /* @__PURE__ */ t("div", {
-	ref: i,
-	"data-slot": "card-title",
-	className: e("text-base leading-snug font-medium group-data-[size=sm]/card:text-sm", n),
-	...r
-}));
-a.displayName = "CardTitle";
-var o = n.forwardRef(({ className: n, ...r }, i) => /* @__PURE__ */ t("div", {
-	ref: i,
-	"data-slot": "card-description",
-	className: e("text-muted-foreground text-sm", n),
-	...r
-}));
-o.displayName = "CardDescription";
-var s = n.forwardRef(({ className: n, ...r }, i) => /* @__PURE__ */ t("div", {
-	ref: i,
-	"data-slot": "card-action",
-	className: e("col-start-2 row-span-2 row-start-1 self-start justify-self-end", n),
-	...r
-}));
-s.displayName = "CardAction";
-var c = n.forwardRef(({ className: n, ...r }, i) => /* @__PURE__ */ t("div", {
-	ref: i,
-	"data-slot": "card-content",
-	className: e("px-4 group-data-[size=sm]/card:px-3", n),
-	...r
-}));
-c.displayName = "CardContent";
-var l = n.forwardRef(({ className: n, ...r }, i) => /* @__PURE__ */ t("div", {
-	ref: i,
-	"data-slot": "card-footer",
-	className: e("bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center", n),
-	...r
-}));
-l.displayName = "CardFooter";
+function n({ ref: n, className: r, size: i = "default", ...a }) {
+	return /* @__PURE__ */ t("div", {
+		ref: n,
+		"data-slot": "card",
+		"data-size": i,
+		className: e("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
+	});
+}
+n.displayName = "Card";
+function r({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		ref: n,
+		"data-slot": "card-header",
+		className: e("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
+	});
+}
+r.displayName = "CardHeader";
+function i({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		ref: n,
+		"data-slot": "card-title",
+		className: e("text-base leading-snug font-medium group-data-[size=sm]/card:text-sm", r),
+		...i
+	});
+}
+i.displayName = "CardTitle";
+function a({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		ref: n,
+		"data-slot": "card-description",
+		className: e("text-muted-foreground text-sm", r),
+		...i
+	});
+}
+a.displayName = "CardDescription";
+function o({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		ref: n,
+		"data-slot": "card-action",
+		className: e("col-start-2 row-span-2 row-start-1 self-start justify-self-end", r),
+		...i
+	});
+}
+o.displayName = "CardAction";
+function s({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		ref: n,
+		"data-slot": "card-content",
+		className: e("px-4 group-data-[size=sm]/card:px-3", r),
+		...i
+	});
+}
+s.displayName = "CardContent";
+function c({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		ref: n,
+		"data-slot": "card-footer",
+		className: e("bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center", r),
+		...i
+	});
+}
+c.displayName = "CardFooter";
 //#endregion
-export { r as Card, s as CardAction, c as CardContent, o as CardDescription, l as CardFooter, i as CardHeader, a as CardTitle };
+export { n as Card, o as CardAction, s as CardContent, a as CardDescription, c as CardFooter, r as CardHeader, i as CardTitle };
 
 //# sourceMappingURL=card.js.map

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":["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 */\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":";;;;;AAmBA,SAASA,EAAK,EACZ,QACA,cACA,UAAO,WACP,GAAGC,KASkC;CACrC,OACE,kBAAC,OAAD;EACO;EACL,aAAU;EACV,aAAWC;EACX,WAAWC,EACT,wVACAC,CACF;EACA,GAAIH;CACL,CAAA;AAEL;AACA,EAAK,cAAc;AAiBnB,SAASI,EAAW,EAClB,QACA,cACA,GAAGJ,KAC2E;CAC9E,OACE,kBAAC,OAAD;EACO;EACL,aAAU;EACV,WAAWE,EACT,sSACAC,CACF;EACA,GAAIH;CACL,CAAA;AAEL;AACA,EAAW,cAAc;AAiBzB,SAASK,EAAU,EACjB,QACA,cACA,GAAGL,KAC2E;CAC9E,OACE,kBAAC,OAAD;EACO;EACL,aAAU;EACV,WAAWE,EACT,wEACAC,CACF;EACA,GAAIH;CACL,CAAA;AAEL;AACA,EAAU,cAAc;AAiBxB,SAASM,EAAgB,EACvB,QACA,cACA,GAAGN,KAC2E;CAC9E,OACE,kBAAC,OAAD;EACO;EACL,aAAU;EACV,WAAWE,EAAG,iCAAiCC,CAAS;EACxD,GAAIH;CACL,CAAA;AAEL;AACA,EAAgB,cAAc;AAiB9B,SAASO,EAAW,EAClB,QACA,cACA,GAAGP,KAC2E;CAC9E,OACE,kBAAC,OAAD;EACO;EACL,aAAU;EACV,WAAWE,EAAG,kEAAkEC,CAAS;EACzF,GAAIH;CACL,CAAA;AAEL;AACA,EAAW,cAAc;AAiBzB,SAASQ,EAAY,EACnB,QACA,cACA,GAAGR,KAC2E;CAC9E,OACE,kBAAC,OAAD;EACO;EACL,aAAU;EACV,WAAWE,EAAG,uCAAuCC,CAAS;EAC9D,GAAIH;CACL,CAAA;AAEL;AACA,EAAY,cAAc;AAiB1B,SAASS,EAAW,EAClB,QACA,cACA,GAAGT,KAC2E;CAC9E,OACE,kBAAC,OAAD;EACO;EACL,aAAU;EACV,WAAWE,EACT,yFACAC,CACF;EACA,GAAIH;CACL,CAAA;AAEL;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

@@ -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);let i=require("lucide-react"),a=require("@base-ui/react/checkbox");var o=r.forwardRef(({className:e,testId:r,...o},s)=>(0,n.jsx)(a.Checkbox.Root,{ref:s,"data-slot":`checkbox`,"data-testid":r,className:t.cn(`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`,e),...o,children:(0,n.jsx)(a.Checkbox.Indicator,{"data-slot":`checkbox-indicator`,className:`[&>svg]:size-3.5 grid place-content-center text-current transition-none`,children:(0,n.jsx)(i.CheckIcon,{})})}));o.displayName=`Checkbox`,exports.Checkbox=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);let i=require("lucide-react"),a=require("@base-ui/react/checkbox");function o({ref:e,className:r,testId:o,...s}){return(0,n.jsx)(a.Checkbox.Root,{ref:e,"data-slot":`checkbox`,"data-testid":o,className:t.cn(`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`,r),...s,children:(0,n.jsx)(a.Checkbox.Indicator,{"data-slot":`checkbox-indicator`,className:`[&>svg]:size-3.5 grid place-content-center text-current transition-none`,children:(0,n.jsx)(i.CheckIcon,{})})})}o.displayName=`Checkbox`,exports.Checkbox=o;
 //# sourceMappingURL=checkbox.cjs.map

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":["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 */\nfunction Checkbox({\n  ref,\n  className,\n  testId,\n  ...props\n}: React.PropsWithoutRef<CheckboxProps> & React.RefAttributes<HTMLButtonElement>) {\n  return (\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,SAASS,EAAS,CAChB,MACA,YACA,SACA,GAAGC,GAC6E,CAChF,OACE,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,CACA,EAAS,YAAc,W"}

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

@@ -1,19 +1,33 @@
 import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
 import * as React from 'react';
 /**
- * Checkbox component props
- * チェックボックスコンポーネントのプロップス
+ * Base UI checkbox-root props plus an optional stable test selector.
+ * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.
+ * @see Checkbox
  */
 export interface CheckboxProps extends CheckboxPrimitive.Root.Props {
     /**
-     * AI/E2E Test用の安定ID / Stable test identifier for AI and E2E tests
-     * @example testId="agree-terms" → data-testid="agree-terms"
+     * Stable data-testid assigned to the rendered control/container; omitted means no selector.
      */
     testId?: string;
 }
 /**
- * Checkbox Component
- * チェックボックスコンポーネント
+ * Renders a checkable Base UI control with a built-in checkmark indicator and optional test ID.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered Checkbox composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Checkbox } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Checkbox defaultChecked testId="agree" aria-label="Agree to terms" />);
+ * }
+ * ```
  */
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare function Checkbox({ ref, className, testId, ...props }: React.PropsWithoutRef<CheckboxProps> & React.RefAttributes<HTMLButtonElement>): React.JSX.Element;
+declare namespace Checkbox {
+    var displayName: string;
+}
 export { Checkbox };

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

@@ -1,19 +1,33 @@
 import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
 import * as React from 'react';
 /**
- * Checkbox component props
- * チェックボックスコンポーネントのプロップス
+ * Base UI checkbox-root props plus an optional stable test selector.
+ * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.
+ * @see Checkbox
  */
 export interface CheckboxProps extends CheckboxPrimitive.Root.Props {
     /**
-     * AI/E2E Test用の安定ID / Stable test identifier for AI and E2E tests
-     * @example testId="agree-terms" → data-testid="agree-terms"
+     * Stable data-testid assigned to the rendered control/container; omitted means no selector.
      */
     testId?: string;
 }
 /**
- * Checkbox Component
- * チェックボックスコンポーネント
+ * Renders a checkable Base UI control with a built-in checkmark indicator and optional test ID.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered Checkbox composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Checkbox } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Checkbox defaultChecked testId="agree" aria-label="Agree to terms" />);
+ * }
+ * ```
  */
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare function Checkbox({ ref, className, testId, ...props }: React.PropsWithoutRef<CheckboxProps> & React.RefAttributes<HTMLButtonElement>): React.JSX.Element;
+declare namespace Checkbox {
+    var displayName: string;
+}
 export { Checkbox };

package/dist/ui/components/ui/checkbox.js

@@ -1,24 +1,26 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import { jsx as t } from "react/jsx-runtime";
-import * as n from "react";
-import { CheckIcon as r } from "lucide-react";
-import { Checkbox as i } from "@base-ui/react/checkbox";
+import "react";
+import { CheckIcon as n } from "lucide-react";
+import { Checkbox as r } from "@base-ui/react/checkbox";
 //#region src/ui/components/ui/checkbox.tsx
-var a = n.forwardRef(({ className: n, testId: a, ...o }, s) => /* @__PURE__ */ t(i.Root, {
-	ref: s,
-	"data-slot": "checkbox",
-	"data-testid": a,
-	className: e("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),
-	...o,
-	children: /* @__PURE__ */ t(i.Indicator, {
-		"data-slot": "checkbox-indicator",
-		className: "[&>svg]:size-3.5 grid place-content-center text-current transition-none",
-		children: /* @__PURE__ */ t(r, {})
-	})
-}));
-a.displayName = "Checkbox";
+function i({ ref: i, className: a, testId: o, ...s }) {
+	return /* @__PURE__ */ t(r.Root, {
+		ref: i,
+		"data-slot": "checkbox",
+		"data-testid": o,
+		className: e("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", a),
+		...s,
+		children: /* @__PURE__ */ t(r.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "[&>svg]:size-3.5 grid place-content-center text-current transition-none",
+			children: /* @__PURE__ */ t(n, {})
+		})
+	});
+}
+i.displayName = "Checkbox";
 //#endregion
-export { a as Checkbox };
+export { i as Checkbox };
 
 //# sourceMappingURL=checkbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":["React","CheckboxPrimitive","React$1","Checkbox$1","Checkbox","props","testId","cn","className","CheckIcon"],"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":";;;;;;;AAsBA,IAAMI,IAAWJ,EAAM,YACpB,EAAE,cAAW,WAAQ,GAAGK,KAAS,MAChC,kBAACJ,EAAkB,MAAnB;CACO;CACL,aAAU;CACV,eAAaK;CACb,WAAWC,EACT,6qBACAC,CACF;CACA,GAAIH;CAEJ,UAAA,kBAACJ,EAAkB,WAAnB;EACE,aAAU;EACV,WAAU;EAEV,UAAA,kBAACQ,GAAD,CAAY,CAAA;CACe,CAAA;AACP,CAAA,CAE5B;AACA,EAAS,cAAc"}
+{"version":3,"file":"checkbox.js","names":["CheckboxPrimitive","Checkbox$1","Checkbox","props","testId","cn","className","CheckIcon"],"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 */\nfunction Checkbox({\n  ref,\n  className,\n  testId,\n  ...props\n}: React.PropsWithoutRef<CheckboxProps> & React.RefAttributes<HTMLButtonElement>) {\n  return (\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":";;;;;;;AAiCA,SAASE,EAAS,EAChB,QACA,cACA,WACA,GAAGC,KAC6E;CAChF,OACE,kBAACH,EAAkB,MAAnB;EACO;EACL,aAAU;EACV,eAAaI;EACb,WAAWC,EACT,6qBACAC,CACF;EACA,GAAIH;EAEJ,UAAA,kBAACH,EAAkB,WAAnB;GACE,aAAU;GACV,WAAU;GAEV,UAAA,kBAACO,GAAD,CAAY,CAAA;EACe,CAAA;CACP,CAAA;AAE5B;AACA,EAAS,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"collapsible.cjs","names":["CollapsiblePrimitive","react_jsx_runtime","_base_ui_react_collapsible","Collapsible","props","CollapsibleTrigger","CollapsibleContent"],"sources":["../../../../src/ui/components/ui/collapsible.tsx"],"sourcesContent":["'use client';\n\nimport { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';\n\n/**\n * 折りたたみ可能なコンテンツ領域を制御するルートコンポーネント。\n */\nfunction Collapsible({ ...props }: CollapsiblePrimitive.Root.Props) {\n  return <CollapsiblePrimitive.Root data-slot='collapsible' {...props} />;\n}\n\n/**\n * コンテンツの展開と折りたたみを切り替えるためのトリガーボタン。\n */\nfunction CollapsibleTrigger({ ...props }: CollapsiblePrimitive.Trigger.Props) {\n  return <CollapsiblePrimitive.Trigger data-slot='collapsible-trigger' {...props} />;\n}\n\n/**\n * 開閉可能なコンテンツが表示される領域。\n */\nfunction CollapsibleContent({ ...props }: CollapsiblePrimitive.Panel.Props) {\n  return <CollapsiblePrimitive.Panel data-slot='collapsible-content' {...props} />;\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"],"mappings":"A,wKAOA,SAASG,EAAY,CAAE,GAAGC,GAA0C,CAClE,OAAO,EAAAH,EAAA,IAAA,CAACD,EAAAA,YAAqB,KAAtB,CAA2B,YAAU,cAAc,GAAII,CAAQ,CAAA,CACxE,CAKA,SAASC,EAAmB,CAAE,GAAGD,GAA6C,CAC5E,OAAO,EAAAH,EAAA,IAAA,CAACD,EAAAA,YAAqB,QAAtB,CAA8B,YAAU,sBAAsB,GAAII,CAAQ,CAAA,CACnF,CAKA,SAASE,EAAmB,CAAE,GAAGF,GAA2C,CAC1E,OAAO,EAAAH,EAAA,IAAA,CAACD,EAAAA,YAAqB,MAAtB,CAA4B,YAAU,sBAAsB,GAAII,CAAQ,CAAA,CACjF,C"}
+{"version":3,"file":"collapsible.cjs","names":["CollapsiblePrimitive","react_jsx_runtime","_base_ui_react_collapsible","Collapsible","props","CollapsibleTrigger","CollapsibleContent"],"sources":["../../../../src/ui/components/ui/collapsible.tsx"],"sourcesContent":["'use client';\n\nimport { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';\n\n/**\n * Coordinates the open state of one disclosure region.\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 Collapsible composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep trigger and panel under Collapsible. These thin Base UI wrappers add data-slot identifiers and do not add local open-state defaults or animation classes.\n * @example\n * ```tsx\n * import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Collapsible><CollapsibleTrigger>Advanced settings</CollapsibleTrigger><CollapsibleContent>Additional settings</CollapsibleContent></Collapsible>);\n * }\n * ```\n */\nfunction Collapsible({ ...props }: CollapsiblePrimitive.Root.Props) {\n  return <CollapsiblePrimitive.Root data-slot='collapsible' {...props} />;\n}\n\n/**\n * Renders the button that toggles its disclosure region.\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 CollapsibleTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep trigger and panel under Collapsible. These thin Base UI wrappers add data-slot identifiers and do not add local open-state defaults or animation classes.\n * @example\n * ```tsx\n * import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Collapsible><CollapsibleTrigger>Advanced settings</CollapsibleTrigger><CollapsibleContent>Additional settings</CollapsibleContent></Collapsible>);\n * }\n * ```\n */\nfunction CollapsibleTrigger({ ...props }: CollapsiblePrimitive.Trigger.Props) {\n  return <CollapsiblePrimitive.Trigger data-slot='collapsible-trigger' {...props} />;\n}\n\n/**\n * Renders the panel associated with a disclosure trigger.\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 CollapsibleContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep trigger and panel under Collapsible. These thin Base UI wrappers add data-slot identifiers and do not add local open-state defaults or animation classes.\n * @example\n * ```tsx\n * import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Collapsible><CollapsibleTrigger>Advanced settings</CollapsibleTrigger><CollapsibleContent>Additional settings</CollapsibleContent></Collapsible>);\n * }\n * ```\n */\nfunction CollapsibleContent({ ...props }: CollapsiblePrimitive.Panel.Props) {\n  return <CollapsiblePrimitive.Panel data-slot='collapsible-content' {...props} />;\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"],"mappings":"A,wKAmBA,SAASG,EAAY,CAAE,GAAGC,GAA0C,CAClE,OAAO,EAAAH,EAAA,IAAA,CAACD,EAAAA,YAAqB,KAAtB,CAA2B,YAAU,cAAc,GAAII,CAAQ,CAAA,CACxE,CAiBA,SAASC,EAAmB,CAAE,GAAGD,GAA6C,CAC5E,OAAO,EAAAH,EAAA,IAAA,CAACD,EAAAA,YAAqB,QAAtB,CAA8B,YAAU,sBAAsB,GAAII,CAAQ,CAAA,CACnF,CAiBA,SAASE,EAAmB,CAAE,GAAGF,GAA2C,CAC1E,OAAO,EAAAH,EAAA,IAAA,CAACD,EAAAA,YAAqB,MAAtB,CAA4B,YAAU,sBAAsB,GAAII,CAAQ,CAAA,CACjF,C"}