@alneas/appkit-react 0.2.0 → 0.3.1

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

@@ -14,12 +14,15 @@ import * as React from 'react';
  * }
  * ```
  */
-declare const Card: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+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";
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    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.
@@ -35,7 +38,10 @@ declare const Card: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<H
  * }
  * ```
  */
-declare const CardHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+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.
@@ -51,7 +57,10 @@ declare const CardHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTM
  * }
  * ```
  */
-declare const CardTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+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.
@@ -67,7 +76,10 @@ declare const CardTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTML
  * }
  * ```
  */
-declare const CardDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+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.
@@ -83,7 +95,10 @@ declare const CardDescription: React.ForwardRefExoticComponent<Omit<React.Detail
  * }
  * ```
  */
-declare const CardAction: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+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.
@@ -99,7 +114,10 @@ declare const CardAction: React.ForwardRefExoticComponent<Omit<React.DetailedHTM
  * }
  * ```
  */
-declare const CardContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+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.
@@ -115,5 +133,8 @@ declare const CardContent: React.ForwardRefExoticComponent<Omit<React.DetailedHT
  * }
  * ```
  */
-declare const CardFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+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 * Renders a bordered card surface with default or compact spacing.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling. Wrapper defaults: size='default'.\n * @returns The rendered Card composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type=\"button\">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);\n * }\n * ```\n */\nconst Card = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & { /**\n * Visual size preset; defaults to default unless the owning component states otherwise.\n */\n  /**\n   * Visual size preset; defaults to default unless the owning component states otherwise.\n   */\n  size?: 'default' | 'sm' }\n>(({ className, size = 'default', ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot='card'\n    data-size={size}\n    className={cn(\n      'ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col',\n      className,\n    )}\n    {...props}\n  />\n));\nCard.displayName = 'Card';\n\n/**\n * Lays out a card heading and optional trailing action.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CardHeader composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type=\"button\">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);\n * }\n * ```\n */\nconst CardHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-header'\n      className={cn(\n        'gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nCardHeader.displayName = 'CardHeader';\n\n/**\n * Styles the card title without imposing a heading level.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CardTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type=\"button\">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);\n * }\n * ```\n */\nconst CardTitle = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-title'\n      className={cn(\n        'text-base leading-snug font-medium group-data-[size=sm]/card:text-sm',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nCardTitle.displayName = 'CardTitle';\n\n/**\n * Styles supporting card text with muted coloring.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CardDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type=\"button\">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);\n * }\n * ```\n */\nconst CardDescription = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-description'\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  ),\n);\nCardDescription.displayName = 'CardDescription';\n\n/**\n * Positions an action in the header grid trailing column.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CardAction composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type=\"button\">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);\n * }\n * ```\n */\nconst CardAction = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-action'\n      className={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className)}\n      {...props}\n    />\n  ),\n);\nCardAction.displayName = 'CardAction';\n\n/**\n * Adds consistent horizontal padding around card content.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CardContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type=\"button\">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);\n * }\n * ```\n */\nconst CardContent = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-content'\n      className={cn('px-4 group-data-[size=sm]/card:px-3', className)}\n      {...props}\n    />\n  ),\n);\nCardContent.displayName = 'CardContent';\n\n/**\n * Renders a shaded footer with a top border inside a card.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered CardFooter composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place the slots inside Card; put CardAction inside CardHeader. size defaults to default, with sm using tighter spacing. Slots are div elements; the host supplies semantic headings where required. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Card><CardHeader><CardTitle>Draft</CardTitle><CardDescription>Ready for review</CardDescription><CardAction><button type=\"button\">Open</button></CardAction></CardHeader><CardContent>Document content</CardContent><CardFooter>Updated today</CardFooter></Card>);\n * }\n * ```\n */\nconst CardFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='card-footer'\n      className={cn(\n        'bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nCardFooter.displayName = 'CardFooter';\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };\n"],"mappings":";;;;;AAmBA,IAAME,IAAOF,EAAM,YAShB,EAAE,cAAW,UAAO,WAAW,GAAGG,KAAS,MAC5C,kBAAC,OAAD;CACO;CACL,aAAU;CACV,aAAWC;CACX,WAAWC,EACT,wVACAC,CACF;CACA,GAAIH;AACL,CAAA,CACF;AACD,EAAK,cAAc;AAiBnB,IAAMI,IAAaP,EAAM,YACtB,EAAE,cAAW,GAAGG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWE,EACT,sSACAC,CACF;CACA,GAAIH;AACL,CAAA,CAEL;AACA,EAAW,cAAc;AAiBzB,IAAMK,IAAYR,EAAM,YACrB,EAAE,cAAW,GAAGG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWE,EACT,wEACAC,CACF;CACA,GAAIH;AACL,CAAA,CAEL;AACA,EAAU,cAAc;AAiBxB,IAAMM,IAAkBT,EAAM,YAC3B,EAAE,cAAW,GAAGG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWE,EAAG,iCAAiCC,CAAS;CACxD,GAAIH;AACL,CAAA,CAEL;AACA,EAAgB,cAAc;AAiB9B,IAAMO,IAAaV,EAAM,YACtB,EAAE,cAAW,GAAGG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWE,EAAG,kEAAkEC,CAAS;CACzF,GAAIH;AACL,CAAA,CAEL;AACA,EAAW,cAAc;AAiBzB,IAAMQ,IAAcX,EAAM,YACvB,EAAE,cAAW,GAAGG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWE,EAAG,uCAAuCC,CAAS;CAC9D,GAAIH;AACL,CAAA,CAEL;AACA,EAAY,cAAc;AAiB1B,IAAMS,IAAaZ,EAAM,YACtB,EAAE,cAAW,GAAGG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWE,EACT,yFACAC,CACF;CACA,GAAIH;AACL,CAAA,CAEL;AACA,EAAW,cAAc"}
+{"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.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 * Base UI checkbox-root props plus an optional stable test selector.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see Checkbox\n */\nexport interface CheckboxProps extends CheckboxPrimitive.Root.Props {\n  /**\n   * Stable data-testid assigned to the rendered control/container; omitted means no selector.\n   */\n  testId?: string;\n}\n\n/**\n * Renders a checkable Base UI control with a built-in checkmark indicator and optional test ID.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered Checkbox composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use a visible associated label or aria-label. testId maps to data-testid; remaining Base UI Root props are forwarded. Selection state is controlled by checked/onCheckedChange or upstream defaultChecked behavior. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the built-in indicator/checkmark.\n * @example\n * ```tsx\n * import { Checkbox } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Checkbox defaultChecked testId=\"agree\" aria-label=\"Agree to terms\" />);\n * }\n * ```\n */\nconst Checkbox = React.forwardRef<HTMLButtonElement, CheckboxProps>(\n  ({ className, testId, ...props }, ref) => (\n    <CheckboxPrimitive.Root\n      ref={ref}\n      data-slot='checkbox'\n      data-testid={testId}\n      className={cn(\n        'border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-[3px] aria-invalid:ring-[3px] peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot='checkbox-indicator'\n        className='[&>svg]:size-3.5 grid place-content-center text-current transition-none'\n      >\n        <CheckIcon />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  ),\n);\nCheckbox.displayName = 'Checkbox';\n\nexport { Checkbox };\n"],"mappings":"A,sTAiCA,IAAMU,EAAWV,EAAM,YACpB,CAAE,YAAW,SAAQ,GAAGW,GAAS,KAChC,EAAAL,EAAA,IAAA,CAACL,EAAAA,SAAkB,KAAnB,CACO,MACL,YAAU,WACV,cAAaW,EACb,UAAWV,EAAAA,GACT,4qBACAW,CACF,EACA,GAAIF,EAEJ,UAAA,EAAAL,EAAA,IAAA,CAACL,EAAAA,SAAkB,UAAnB,CACE,YAAU,qBACV,UAAU,0EAEV,UAAA,EAAAK,EAAA,IAAA,CAACH,EAAAA,UAAD,CAAY,CAAA,CACe,CAAA,CACP,CAAA,CAE5B,EACA,EAAS,YAAc,W"}
+{"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

@@ -26,5 +26,8 @@ export interface CheckboxProps extends CheckboxPrimitive.Root.Props {
  * }
  * ```
  */
-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

@@ -26,5 +26,8 @@ export interface CheckboxProps extends CheckboxPrimitive.Root.Props {
  * }
  * ```
  */
-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 * Base UI checkbox-root props plus an optional stable test selector.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see Checkbox\n */\nexport interface CheckboxProps extends CheckboxPrimitive.Root.Props {\n  /**\n   * Stable data-testid assigned to the rendered control/container; omitted means no selector.\n   */\n  testId?: string;\n}\n\n/**\n * Renders a checkable Base UI control with a built-in checkmark indicator and optional test ID.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered Checkbox composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Use a visible associated label or aria-label. testId maps to data-testid; remaining Base UI Root props are forwarded. Selection state is controlled by checked/onCheckedChange or upstream defaultChecked behavior. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the built-in indicator/checkmark.\n * @example\n * ```tsx\n * import { Checkbox } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Checkbox defaultChecked testId=\"agree\" aria-label=\"Agree to terms\" />);\n * }\n * ```\n */\nconst Checkbox = React.forwardRef<HTMLButtonElement, CheckboxProps>(\n  ({ className, testId, ...props }, ref) => (\n    <CheckboxPrimitive.Root\n      ref={ref}\n      data-slot='checkbox'\n      data-testid={testId}\n      className={cn(\n        'border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-[3px] aria-invalid:ring-[3px] peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot='checkbox-indicator'\n        className='[&>svg]:size-3.5 grid place-content-center text-current transition-none'\n      >\n        <CheckIcon />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  ),\n);\nCheckbox.displayName = 'Checkbox';\n\nexport { Checkbox };\n"],"mappings":";;;;;;;AAiCA,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/context-menu.cjs

@@ -1,2 +1,2 @@
-"use client";"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/context-menu");var o=e=>(0,n.jsx)(a.ContextMenu.Root,{"data-slot":`context-menu`,...e});o.displayName=`ContextMenu`;var s=r.forwardRef(({...e},t)=>(0,n.jsx)(a.ContextMenu.Portal,{ref:t,"data-slot":`context-menu-portal`,...e}));s.displayName=`ContextMenuPortal`;var c=r.forwardRef(({className:e,children:r,...i},o)=>(0,n.jsx)(a.ContextMenu.Trigger,{ref:o,"data-slot":`context-menu-trigger`,className:t.cn(`select-none`,e),...i,children:r}));c.displayName=`ContextMenuTrigger`;var l=r.forwardRef(({className:e,align:r=`start`,alignOffset:i=4,side:o=`right`,sideOffset:s=0,...c},l)=>(0,n.jsx)(a.ContextMenu.Portal,{children:(0,n.jsx)(a.ContextMenu.Positioner,{className:`isolate z-50 outline-none`,align:r,alignOffset:i,side:o,sideOffset:s,children:(0,n.jsx)(a.ContextMenu.Popup,{ref:l,"data-slot":`context-menu-content`,className:t.cn(`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-(--available-height) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none`,e),...c})})}));l.displayName=`ContextMenuContent`;var u=r.forwardRef(({...e},t)=>(0,n.jsx)(a.ContextMenu.Group,{ref:t,"data-slot":`context-menu-group`,...e}));u.displayName=`ContextMenuGroup`;var d=r.forwardRef(({className:e,inset:r,...i},o)=>(0,n.jsx)(a.ContextMenu.GroupLabel,{ref:o,"data-slot":`context-menu-label`,"data-inset":r,className:t.cn(`text-muted-foreground px-1.5 py-1 text-xs font-medium data-[inset]:pl-8`,e),...i}));d.displayName=`ContextMenuLabel`;var f=r.forwardRef(({className:e,inset:r,variant:i=`default`,...o},s)=>(0,n.jsx)(a.ContextMenu.Item,{ref:s,"data-slot":`context-menu-item`,"data-inset":r,"data-variant":i,className:t.cn(`focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive focus:*:[svg]:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 group/context-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...o}));f.displayName=`ContextMenuItem`;var p=e=>(0,n.jsx)(a.ContextMenu.SubmenuRoot,{"data-slot":`context-menu-sub`,...e});p.displayName=`ContextMenuSub`;var m=r.forwardRef(({className:e,inset:r,children:o,...s},c)=>(0,n.jsxs)(a.ContextMenu.SubmenuTrigger,{ref:c,"data-slot":`context-menu-sub-trigger`,"data-inset":r,className:t.cn(`focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...s,children:[o,(0,n.jsx)(i.ChevronRightIcon,{className:`ml-auto`})]}));m.displayName=`ContextMenuSubTrigger`;var h=r.forwardRef(({...e},t)=>(0,n.jsx)(l,{ref:t,"data-slot":`context-menu-sub-content`,className:`shadow-lg`,side:`right`,...e}));h.displayName=`ContextMenuSubContent`;var g=r.forwardRef(({className:e,children:r,checked:o,...s},c)=>(0,n.jsxs)(a.ContextMenu.CheckboxItem,{ref:c,"data-slot":`context-menu-checkbox-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),checked:o,...s,children:[(0,n.jsx)(`span`,{className:`absolute right-2 pointer-events-none`,children:(0,n.jsx)(a.ContextMenu.CheckboxItemIndicator,{children:(0,n.jsx)(i.CheckIcon,{})})}),r]}));g.displayName=`ContextMenuCheckboxItem`;var _=r.forwardRef(({...e},t)=>(0,n.jsx)(a.ContextMenu.RadioGroup,{ref:t,"data-slot":`context-menu-radio-group`,...e}));_.displayName=`ContextMenuRadioGroup`;var v=r.forwardRef(({className:e,children:r,...o},s)=>(0,n.jsxs)(a.ContextMenu.RadioItem,{ref:s,"data-slot":`context-menu-radio-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...o,children:[(0,n.jsx)(`span`,{className:`absolute right-2 pointer-events-none`,children:(0,n.jsx)(a.ContextMenu.RadioItemIndicator,{children:(0,n.jsx)(i.CheckIcon,{})})}),r]}));v.displayName=`ContextMenuRadioItem`;var y=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(a.ContextMenu.Separator,{ref:i,"data-slot":`context-menu-separator`,className:t.cn(`bg-border -mx-1 my-1 h-px`,e),...r}));y.displayName=`ContextMenuSeparator`;var b=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(`span`,{ref:i,"data-slot":`context-menu-shortcut`,className:t.cn(`text-muted-foreground group-focus/context-menu-item:text-accent-foreground ml-auto text-xs tracking-widest`,e),...r}));b.displayName=`ContextMenuShortcut`,exports.ContextMenu=o,exports.ContextMenuCheckboxItem=g,exports.ContextMenuContent=l,exports.ContextMenuGroup=u,exports.ContextMenuItem=f,exports.ContextMenuLabel=d,exports.ContextMenuPortal=s,exports.ContextMenuRadioGroup=_,exports.ContextMenuRadioItem=v,exports.ContextMenuSeparator=y,exports.ContextMenuShortcut=b,exports.ContextMenuSub=p,exports.ContextMenuSubContent=h,exports.ContextMenuSubTrigger=m,exports.ContextMenuTrigger=c;
+"use client";"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/context-menu");var o=e=>(0,n.jsx)(a.ContextMenu.Root,{"data-slot":`context-menu`,...e});o.displayName=`ContextMenu`;function s({ref:e,...t}){return(0,n.jsx)(a.ContextMenu.Portal,{ref:e,"data-slot":`context-menu-portal`,...t})}s.displayName=`ContextMenuPortal`;function c({ref:e,className:r,children:i,...o}){return(0,n.jsx)(a.ContextMenu.Trigger,{ref:e,"data-slot":`context-menu-trigger`,className:t.cn(`select-none`,r),...o,children:i})}c.displayName=`ContextMenuTrigger`;function l({ref:e,className:r,align:i=`start`,alignOffset:o=4,side:s=`right`,sideOffset:c=0,...l}){return(0,n.jsx)(a.ContextMenu.Portal,{children:(0,n.jsx)(a.ContextMenu.Positioner,{className:`isolate z-50 outline-none`,align:i,alignOffset:o,side:s,sideOffset:c,children:(0,n.jsx)(a.ContextMenu.Popup,{ref:e,"data-slot":`context-menu-content`,className:t.cn(`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-(--available-height) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none`,r),...l})})})}l.displayName=`ContextMenuContent`;function u({ref:e,...t}){return(0,n.jsx)(a.ContextMenu.Group,{ref:e,"data-slot":`context-menu-group`,...t})}u.displayName=`ContextMenuGroup`;function d({ref:e,className:r,inset:i,...o}){return(0,n.jsx)(a.ContextMenu.GroupLabel,{ref:e,"data-slot":`context-menu-label`,"data-inset":i,className:t.cn(`text-muted-foreground px-1.5 py-1 text-xs font-medium data-[inset]:pl-8`,r),...o})}d.displayName=`ContextMenuLabel`;function f({ref:e,className:r,inset:i,variant:o=`default`,...s}){return(0,n.jsx)(a.ContextMenu.Item,{ref:e,"data-slot":`context-menu-item`,"data-inset":i,"data-variant":o,className:t.cn(`focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive focus:*:[svg]:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 group/context-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0`,r),...s})}f.displayName=`ContextMenuItem`;var p=e=>(0,n.jsx)(a.ContextMenu.SubmenuRoot,{"data-slot":`context-menu-sub`,...e});p.displayName=`ContextMenuSub`;function m({ref:e,className:r,inset:o,children:s,...c}){return(0,n.jsxs)(a.ContextMenu.SubmenuTrigger,{ref:e,"data-slot":`context-menu-sub-trigger`,"data-inset":o,className:t.cn(`focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0`,r),...c,children:[s,(0,n.jsx)(i.ChevronRightIcon,{className:`ml-auto`})]})}m.displayName=`ContextMenuSubTrigger`;function h({ref:e,...t}){return(0,n.jsx)(l,{ref:e,"data-slot":`context-menu-sub-content`,className:`shadow-lg`,side:`right`,...t})}h.displayName=`ContextMenuSubContent`;function g({ref:e,className:r,children:o,checked:s,...c}){return(0,n.jsxs)(a.ContextMenu.CheckboxItem,{ref:e,"data-slot":`context-menu-checkbox-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,r),checked:s,...c,children:[(0,n.jsx)(`span`,{className:`absolute right-2 pointer-events-none`,children:(0,n.jsx)(a.ContextMenu.CheckboxItemIndicator,{children:(0,n.jsx)(i.CheckIcon,{})})}),o]})}g.displayName=`ContextMenuCheckboxItem`;function _({ref:e,...t}){return(0,n.jsx)(a.ContextMenu.RadioGroup,{ref:e,"data-slot":`context-menu-radio-group`,...t})}_.displayName=`ContextMenuRadioGroup`;function v({ref:e,className:r,children:o,...s}){return(0,n.jsxs)(a.ContextMenu.RadioItem,{ref:e,"data-slot":`context-menu-radio-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,r),...s,children:[(0,n.jsx)(`span`,{className:`absolute right-2 pointer-events-none`,children:(0,n.jsx)(a.ContextMenu.RadioItemIndicator,{children:(0,n.jsx)(i.CheckIcon,{})})}),o]})}v.displayName=`ContextMenuRadioItem`;function y({ref:e,className:r,...i}){return(0,n.jsx)(a.ContextMenu.Separator,{ref:e,"data-slot":`context-menu-separator`,className:t.cn(`bg-border -mx-1 my-1 h-px`,r),...i})}y.displayName=`ContextMenuSeparator`;function b({ref:e,className:r,...i}){return(0,n.jsx)(`span`,{ref:e,"data-slot":`context-menu-shortcut`,className:t.cn(`text-muted-foreground group-focus/context-menu-item:text-accent-foreground ml-auto text-xs tracking-widest`,r),...i})}b.displayName=`ContextMenuShortcut`,exports.ContextMenu=o,exports.ContextMenuCheckboxItem=g,exports.ContextMenuContent=l,exports.ContextMenuGroup=u,exports.ContextMenuItem=f,exports.ContextMenuLabel=d,exports.ContextMenuPortal=s,exports.ContextMenuRadioGroup=_,exports.ContextMenuRadioItem=v,exports.ContextMenuSeparator=y,exports.ContextMenuShortcut=b,exports.ContextMenuSub=p,exports.ContextMenuSubContent=h,exports.ContextMenuSubTrigger=m,exports.ContextMenuTrigger=c;
 //# sourceMappingURL=context-menu.cjs.map