@alneas/appkit-react 0.1.0 → 0.3.0

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

@@ -2,49 +2,53 @@
 import { cn as e } from "../../lib/utils.js";
 import { Label as t } from "./label.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import * as i from "react";
-import { CheckCircleIcon as a } from "lucide-react";
-import { RadioGroup as o } from "@base-ui/react/radio-group";
-import { Radio as s } from "@base-ui/react/radio";
+import "react";
+import { CheckCircleIcon as i } from "lucide-react";
+import { RadioGroup as a } from "@base-ui/react/radio-group";
+import { Radio as o } from "@base-ui/react/radio";
 //#region src/ui/components/ui/radio-card.tsx
-var c = i.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n(o, {
-	ref: i,
-	"data-slot": "radio-card-group",
-	className: e("grid gap-2", t),
-	...r
-}));
-c.displayName = "RadioCardGroup";
-var l = i.forwardRef(({ className: i, children: o, label: c, detail: l, ...u }, d) => /* @__PURE__ */ n(s.Root, {
-	ref: d,
-	"data-slot": "radio-card-item",
-	className: e("group/radio-card relative flex cursor-pointer rounded-lg px-4 py-3 shadow-sm border border-input bg-card text-card-foreground outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 aria-checked:border-primary aria-checked:bg-primary/5", i),
-	...u,
-	children: /* @__PURE__ */ r("div", {
-		className: "flex w-full items-center justify-between",
-		children: [/* @__PURE__ */ n("div", {
-			className: "flex items-center",
-			children: /* @__PURE__ */ r("div", {
-				className: "text-sm text-left",
-				children: [
-					c && /* @__PURE__ */ n(t, {
-						className: "font-medium cursor-pointer block text-foreground group-aria-checked/radio-card:text-primary",
-						children: c
-					}),
-					l && /* @__PURE__ */ n("span", {
-						className: "text-xs text-muted-foreground block mt-0.5 group-aria-checked/radio-card:text-primary/80",
-						children: l
-					}),
-					o
-				]
-			})
-		}), /* @__PURE__ */ n(s.Indicator, {
-			className: "shrink-0 text-primary ml-2",
-			children: /* @__PURE__ */ n(a, { className: "h-5 w-5" })
-		})]
-	})
-}));
-l.displayName = "RadioCardItem";
+function s({ ref: t, className: r, ...i }) {
+	return /* @__PURE__ */ n(a, {
+		ref: t,
+		"data-slot": "radio-card-group",
+		className: e("grid gap-2", r),
+		...i
+	});
+}
+s.displayName = "RadioCardGroup";
+function c({ ref: a, className: s, children: c, label: l, detail: u, ...d }) {
+	return /* @__PURE__ */ n(o.Root, {
+		ref: a,
+		"data-slot": "radio-card-item",
+		className: e("group/radio-card relative flex cursor-pointer rounded-lg px-4 py-3 shadow-sm border border-input bg-card text-card-foreground outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 aria-checked:border-primary aria-checked:bg-primary/5", s),
+		...d,
+		children: /* @__PURE__ */ r("div", {
+			className: "flex w-full items-center justify-between",
+			children: [/* @__PURE__ */ n("div", {
+				className: "flex items-center",
+				children: /* @__PURE__ */ r("div", {
+					className: "text-sm text-left",
+					children: [
+						l && /* @__PURE__ */ n(t, {
+							className: "font-medium cursor-pointer block text-foreground group-aria-checked/radio-card:text-primary",
+							children: l
+						}),
+						u && /* @__PURE__ */ n("span", {
+							className: "text-xs text-muted-foreground block mt-0.5 group-aria-checked/radio-card:text-primary/80",
+							children: u
+						}),
+						c
+					]
+				})
+			}), /* @__PURE__ */ n(o.Indicator, {
+				className: "shrink-0 text-primary ml-2",
+				children: /* @__PURE__ */ n(i, { className: "h-5 w-5" })
+			})]
+		})
+	});
+}
+c.displayName = "RadioCardItem";
 //#endregion
-export { c as RadioCardGroup, l as RadioCardItem };
+export { s as RadioCardGroup, c as RadioCardItem };
 
 //# sourceMappingURL=radio-card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-card.js","names":["React","RadioGroupPrimitive","RadioPrimitive","React$1","RadioCardGroup","props","RadioGroup","cn","className","RadioCardItem","Radio","label","Label","detail","children","CheckCircleIcon"],"sources":["../../../../src/ui/components/ui/radio-card.tsx"],"sourcesContent":["import * as React from 'react';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\nimport { Radio as RadioPrimitive } from '@base-ui/react/radio';\nimport { CheckCircleIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Label } from './label';\n\n/**\n * RadioCardGroup Component\n * カードスタイルのラジオグループコンポーネント\n */\nconst RadioCardGroup = React.forwardRef<HTMLDivElement, RadioGroupPrimitive.Props>(\n  ({ className, ...props }, ref) => {\n    return (\n      <RadioGroupPrimitive\n        ref={ref}\n        data-slot='radio-card-group'\n        className={cn('grid gap-2', className)}\n        {...props}\n      />\n    );\n  },\n);\nRadioCardGroup.displayName = 'RadioCardGroup';\n\n/**\n * RadioCardItem Component\n * カードスタイルのラジオアイテムコンポーネント\n */\nconst RadioCardItem = React.forwardRef<\n  HTMLButtonElement,\n  RadioPrimitive.Root.Props & {\n    label?: React.ReactNode;\n    detail?: React.ReactNode;\n  }\n>(({ className, children, label, detail, ...props }, ref) => {\n  return (\n    <RadioPrimitive.Root\n      ref={ref}\n      data-slot='radio-card-item'\n      className={cn(\n        'group/radio-card relative flex cursor-pointer rounded-lg px-4 py-3 shadow-sm border border-input bg-card text-card-foreground outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 aria-checked:border-primary aria-checked:bg-primary/5',\n        className,\n      )}\n      {...props}\n    >\n      <div className='flex w-full items-center justify-between'>\n        <div className='flex items-center'>\n          <div className='text-sm text-left'>\n            {label && (\n              <Label className='font-medium cursor-pointer block text-foreground group-aria-checked/radio-card:text-primary'>\n                {label}\n              </Label>\n            )}\n            {detail && (\n              <span className='text-xs text-muted-foreground block mt-0.5 group-aria-checked/radio-card:text-primary/80'>\n                {detail}\n              </span>\n            )}\n            {children}\n          </div>\n        </div>\n        <RadioPrimitive.Indicator className='shrink-0 text-primary ml-2'>\n          <CheckCircleIcon className='h-5 w-5' />\n        </RadioPrimitive.Indicator>\n      </div>\n    </RadioPrimitive.Root>\n  );\n});\nRadioCardItem.displayName = 'RadioCardItem';\n\nexport { RadioCardGroup, RadioCardItem };\n"],"mappings":";;;;;;;;;AAYA,IAAMI,IAAiBJ,EAAM,YAC1B,EAAE,cAAW,GAAGK,KAAS,MAEtB,kBAACJ,GAAD;CACO;CACL,aAAU;CACV,WAAWM,EAAG,cAAcC,CAAS;CACrC,GAAIH;AACL,CAAA,CAGP;AACA,EAAe,cAAc;AAM7B,IAAMI,IAAgBT,EAAM,YAMzB,EAAE,cAAW,aAAU,UAAO,WAAQ,GAAGK,KAAS,MAEjD,kBAACH,EAAe,MAAhB;CACO;CACL,aAAU;CACV,WAAWK,EACT,4XACAC,CACF;CACA,GAAIH;CAEJ,UAAA,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;GACb,UAAA,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACGM,KACC,kBAACC,GAAD;MAAO,WAAU;MACd,UAAAD;KACI,CAAA;KAERE,KACC,kBAAC,QAAD;MAAM,WAAU;MACb,UAAAA;KACG,CAAA;KAEPC;IACE;;EACF,CAAA,GACL,kBAACZ,EAAe,WAAhB;GAA0B,WAAU;GAClC,UAAA,kBAACa,GAAD,EAAiB,WAAU,UAAW,CAAA;EACd,CAAA,CACvB;;AACc,CAAA,CAExB;AACD,EAAc,cAAc"}
+{"version":3,"file":"radio-card.js","names":["RadioGroupPrimitive","RadioPrimitive","RadioCardGroup","props","RadioGroup","cn","className","RadioCardItem","Radio","label","Label","detail","children","CheckCircleIcon"],"sources":["../../../../src/ui/components/ui/radio-card.tsx"],"sourcesContent":["import * as React from 'react';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\nimport { Radio as RadioPrimitive } from '@base-ui/react/radio';\nimport { CheckCircleIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Label } from './label';\n\n/**\n * Coordinates mutually exclusive choices displayed as cards.\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 RadioCardGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place card items under RadioCardGroup with distinct value strings. label and detail are optional React nodes rendered inside the radio control; children are appended below them. Base UI owns selection and focus; the host owns persistence. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { RadioCardGroup, RadioCardItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<RadioCardGroup defaultValue=\"basic\" aria-label=\"Plan\"><RadioCardItem value=\"basic\" label=\"Basic\" detail=\"For personal use\" /><RadioCardItem value=\"team\" label=\"Team\" /></RadioCardGroup>);\n * }\n * ```\n */\nfunction RadioCardGroup({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<RadioGroupPrimitive.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <RadioGroupPrimitive\n      ref={ref}\n      data-slot='radio-card-group'\n      className={cn('grid gap-2', className)}\n      {...props}\n    />\n  );\n}\nRadioCardGroup.displayName = 'RadioCardGroup';\n\n/**\n * Renders one card choice with label/detail content and a checked indicator.\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 RadioCardItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place card items under RadioCardGroup with distinct value strings. label and detail are optional React nodes rendered inside the radio control; children are appended below them. Base UI owns selection and focus; the host owns persistence. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { RadioCardGroup, RadioCardItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<RadioCardGroup defaultValue=\"basic\" aria-label=\"Plan\"><RadioCardItem value=\"basic\" label=\"Basic\" detail=\"For personal use\" /><RadioCardItem value=\"team\" label=\"Team\" /></RadioCardGroup>);\n * }\n * ```\n */\nfunction RadioCardItem({\n  ref,\n  className,\n  children,\n  label,\n  detail,\n  ...props\n}: React.PropsWithoutRef<\n  RadioPrimitive.Root.Props & {\n    /**\n     * Visible control/option text or content; does not perform persistence or validation.\n     */\n    label?: React.ReactNode;\n    /**\n     * Optional supporting content below the radio-card label.\n     */\n    detail?: React.ReactNode;\n  }\n> &\n  React.RefAttributes<HTMLButtonElement>) {\n  return (\n    <RadioPrimitive.Root\n      ref={ref}\n      data-slot='radio-card-item'\n      className={cn(\n        'group/radio-card relative flex cursor-pointer rounded-lg px-4 py-3 shadow-sm border border-input bg-card text-card-foreground outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 aria-checked:border-primary aria-checked:bg-primary/5',\n        className,\n      )}\n      {...props}\n    >\n      <div className='flex w-full items-center justify-between'>\n        <div className='flex items-center'>\n          <div className='text-sm text-left'>\n            {label && (\n              <Label className='font-medium cursor-pointer block text-foreground group-aria-checked/radio-card:text-primary'>\n                {label}\n              </Label>\n            )}\n            {detail && (\n              <span className='text-xs text-muted-foreground block mt-0.5 group-aria-checked/radio-card:text-primary/80'>\n                {detail}\n              </span>\n            )}\n            {children}\n          </div>\n        </div>\n        <RadioPrimitive.Indicator className='shrink-0 text-primary ml-2'>\n          <CheckCircleIcon className='h-5 w-5' />\n        </RadioPrimitive.Indicator>\n      </div>\n    </RadioPrimitive.Root>\n  );\n}\nRadioCardItem.displayName = 'RadioCardItem';\n\nexport { RadioCardGroup, RadioCardItem };\n"],"mappings":";;;;;;;;;AAuBA,SAASE,EAAe,EACtB,QACA,cACA,GAAGC,KACsF;CACzF,OACE,kBAACH,GAAD;EACO;EACL,aAAU;EACV,WAAWK,EAAG,cAAcC,CAAS;EACrC,GAAIH;CACL,CAAA;AAEL;AACA,EAAe,cAAc;AAiB7B,SAASI,EAAc,EACrB,QACA,cACA,aACA,UACA,WACA,GAAGJ,KAaqC;CACxC,OACE,kBAACF,EAAe,MAAhB;EACO;EACL,aAAU;EACV,WAAWI,EACT,4XACAC,CACF;EACA,GAAIH;EAEJ,UAAA,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;IACb,UAAA,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACGM,KACC,kBAACC,GAAD;OAAO,WAAU;OACd,UAAAD;MACI,CAAA;MAERE,KACC,kBAAC,QAAD;OAAM,WAAU;OACb,UAAAA;MACG,CAAA;MAEPC;KACE;;GACF,CAAA,GACL,kBAACX,EAAe,WAAhB;IAA0B,WAAU;IAClC,UAAA,kBAACY,GAAD,EAAiB,WAAU,UAAW,CAAA;GACd,CAAA,CACvB;;CACc,CAAA;AAEzB;AACA,EAAc,cAAc"}

package/dist/ui/components/ui/radio-group.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/radio-group"),o=require("@base-ui/react/radio");var s=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(a.RadioGroup,{ref:i,"data-slot":`radio-group`,className:t.cn(`grid gap-2 w-full`,e),...r}));s.displayName=`RadioGroup`;var c=r.forwardRef(({className:e,...r},a)=>(0,n.jsx)(o.Radio.Root,{ref:a,"data-slot":`radio-group-item`,className:t.cn(`border-input text-primary dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 flex size-4 rounded-full focus-visible:ring-[3px] aria-invalid:ring-[3px] group/radio-group-item peer relative aspect-square shrink-0 border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50`,e),...r,children:(0,n.jsx)(o.Radio.Indicator,{"data-slot":`radio-group-indicator`,className:`group-aria-invalid/radio-group-item:text-destructive text-primary flex size-4 items-center justify-center`,children:(0,n.jsx)(i.CircleIcon,{className:`absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-current`})})}));c.displayName=`RadioGroupItem`,exports.RadioGroup=s,exports.RadioGroupItem=c;
+"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/radio-group"),o=require("@base-ui/react/radio");function s({ref:e,className:r,...i}){return(0,n.jsx)(a.RadioGroup,{ref:e,"data-slot":`radio-group`,className:t.cn(`grid gap-2 w-full`,r),...i})}s.displayName=`RadioGroup`;function c({ref:e,className:r,...a}){return(0,n.jsx)(o.Radio.Root,{ref:e,"data-slot":`radio-group-item`,className:t.cn(`border-input text-primary dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 flex size-4 rounded-full focus-visible:ring-[3px] aria-invalid:ring-[3px] group/radio-group-item peer relative aspect-square shrink-0 border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50`,r),...a,children:(0,n.jsx)(o.Radio.Indicator,{"data-slot":`radio-group-indicator`,className:`group-aria-invalid/radio-group-item:text-destructive text-primary flex size-4 items-center justify-center`,children:(0,n.jsx)(i.CircleIcon,{className:`absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-current`})})})}c.displayName=`RadioGroupItem`,exports.RadioGroup=s,exports.RadioGroupItem=c;
 //# sourceMappingURL=radio-group.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-group.cjs","names":["React","RadioGroupPrimitive","cn","RadioPrimitive","CircleIcon","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","lucide_react","_base_ui_react_radio_group","_base_ui_react_radio","RadioGroup","props","className","RadioGroupItem"],"sources":["../../../../src/ui/components/ui/radio-group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Radio as RadioPrimitive } from '@base-ui/react/radio';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\nimport { CircleIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * RadioGroup Component\n * ラジオグループコンポーネント\n */\nconst RadioGroup = React.forwardRef<HTMLDivElement, RadioGroupPrimitive.Props>(\n  ({ className, ...props }, ref) => {\n    return (\n      <RadioGroupPrimitive\n        ref={ref}\n        data-slot='radio-group'\n        className={cn('grid gap-2 w-full', className)}\n        {...props}\n      />\n    );\n  },\n);\nRadioGroup.displayName = 'RadioGroup';\n\nconst RadioGroupItem = React.forwardRef<HTMLButtonElement, RadioPrimitive.Root.Props>(\n  ({ className, ...props }, ref) => {\n    return (\n      <RadioPrimitive.Root\n        ref={ref}\n        data-slot='radio-group-item'\n        className={cn(\n          'border-input text-primary dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 flex size-4 rounded-full focus-visible:ring-[3px] aria-invalid:ring-[3px] group/radio-group-item peer relative aspect-square shrink-0 border 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        <RadioPrimitive.Indicator\n          data-slot='radio-group-indicator'\n          className='group-aria-invalid/radio-group-item:text-destructive text-primary flex size-4 items-center justify-center'\n        >\n          <CircleIcon className='absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-current' />\n        </RadioPrimitive.Indicator>\n      </RadioPrimitive.Root>\n    );\n  },\n);\nRadioGroupItem.displayName = 'RadioGroupItem';\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":"A,2VAWA,IAAMY,EAAaZ,EAAM,YACtB,CAAE,YAAW,GAAGa,GAAS,KAEtB,EAAAN,EAAA,IAAA,CAACN,EAAAA,WAAD,CACO,MACL,YAAU,cACV,UAAWC,EAAAA,GAAG,oBAAqBY,CAAS,EAC5C,GAAID,CACL,CAAA,CAGP,EACA,EAAW,YAAc,aAEzB,IAAME,EAAiBf,EAAM,YAC1B,CAAE,YAAW,GAAGa,GAAS,KAEtB,EAAAN,EAAA,IAAA,CAACJ,EAAAA,MAAe,KAAhB,CACO,MACL,YAAU,mBACV,UAAWD,EAAAA,GACT,4eACAY,CACF,EACA,GAAID,EAEJ,UAAA,EAAAN,EAAA,IAAA,CAACJ,EAAAA,MAAe,UAAhB,CACE,YAAU,wBACV,UAAU,4GAEV,UAAA,EAAAI,EAAA,IAAA,CAACH,EAAAA,WAAD,CAAY,UAAU,iFAAmF,CAAA,CACjF,CAAA,CACP,CAAA,CAG3B,EACA,EAAe,YAAc,iB"}
+{"version":3,"file":"radio-group.cjs","names":["RadioGroupPrimitive","cn","RadioPrimitive","CircleIcon","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","lucide_react","_base_ui_react_radio_group","_base_ui_react_radio","RadioGroup","props","className","RadioGroupItem"],"sources":["../../../../src/ui/components/ui/radio-group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Radio as RadioPrimitive } from '@base-ui/react/radio';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\nimport { CircleIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates a grid of mutually exclusive radio choices.\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 RadioGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items require RadioGroup context and distinct values. Supply labels or accessible names for each item. The wrapper delegates controlled/default selection and keyboard behavior to Base UI. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { RadioGroup, RadioGroupItem, Label } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<RadioGroup defaultValue=\"email\" aria-label=\"Contact method\"><div><RadioGroupItem id=\"email\" value=\"email\" /><Label htmlFor=\"email\">Email</Label></div><div><RadioGroupItem id=\"phone\" value=\"phone\" /><Label htmlFor=\"phone\">Phone</Label></div></RadioGroup>);\n * }\n * ```\n */\nfunction RadioGroup({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<RadioGroupPrimitive.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <RadioGroupPrimitive\n      ref={ref}\n      data-slot='radio-group'\n      className={cn('grid gap-2 w-full', className)}\n      {...props}\n    />\n  );\n}\nRadioGroup.displayName = 'RadioGroup';\n\n/**\n * Renders one radio choice with a built-in circular checked indicator.\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 RadioGroupItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items require RadioGroup context and distinct values. Supply labels or accessible names for each item. The wrapper delegates controlled/default selection and keyboard behavior to Base UI. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the built-in checked indicator.\n * @example\n * ```tsx\n * import { RadioGroup, RadioGroupItem, Label } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<RadioGroup defaultValue=\"email\" aria-label=\"Contact method\"><div><RadioGroupItem id=\"email\" value=\"email\" /><Label htmlFor=\"email\">Email</Label></div><div><RadioGroupItem id=\"phone\" value=\"phone\" /><Label htmlFor=\"phone\">Phone</Label></div></RadioGroup>);\n * }\n * ```\n */\nfunction RadioGroupItem({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<RadioPrimitive.Root.Props> & React.RefAttributes<HTMLButtonElement>) {\n  return (\n    <RadioPrimitive.Root\n      ref={ref}\n      data-slot='radio-group-item'\n      className={cn(\n        'border-input text-primary dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 flex size-4 rounded-full focus-visible:ring-[3px] aria-invalid:ring-[3px] group/radio-group-item peer relative aspect-square shrink-0 border 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      <RadioPrimitive.Indicator\n        data-slot='radio-group-indicator'\n        className='group-aria-invalid/radio-group-item:text-destructive text-primary flex size-4 items-center justify-center'\n      >\n        <CircleIcon className='absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-current' />\n      </RadioPrimitive.Indicator>\n    </RadioPrimitive.Root>\n  );\n}\nRadioGroupItem.displayName = 'RadioGroupItem';\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":"A,2VAsBA,SAASW,EAAW,CAClB,MACA,YACA,GAAGC,GACsF,CACzF,OACE,EAAAN,EAAA,IAAA,CAACN,EAAAA,WAAD,CACO,MACL,YAAU,cACV,UAAWC,EAAAA,GAAG,oBAAqBY,CAAS,EAC5C,GAAID,CACL,CAAA,CAEL,CACA,EAAW,YAAc,aAiBzB,SAASE,EAAe,CACtB,MACA,YACA,GAAGF,GACyF,CAC5F,OACE,EAAAN,EAAA,IAAA,CAACJ,EAAAA,MAAe,KAAhB,CACO,MACL,YAAU,mBACV,UAAWD,EAAAA,GACT,4eACAY,CACF,EACA,GAAID,EAEJ,UAAA,EAAAN,EAAA,IAAA,CAACJ,EAAAA,MAAe,UAAhB,CACE,YAAU,wBACV,UAAU,4GAEV,UAAA,EAAAI,EAAA,IAAA,CAACH,EAAAA,WAAD,CAAY,UAAU,iFAAmF,CAAA,CACjF,CAAA,CACP,CAAA,CAEzB,CACA,EAAe,YAAc,iB"}

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

@@ -2,9 +2,41 @@ import { Radio as RadioPrimitive } from '@base-ui/react/radio';
 import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
 import * as React from 'react';
 /**
- * RadioGroup Component
- * ラジオグループコンポーネント
+ * Coordinates a grid of mutually exclusive radio choices.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered RadioGroup composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Items require RadioGroup context and distinct values. Supply labels or accessible names for each item. The wrapper delegates controlled/default selection and keyboard behavior to Base UI. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { RadioGroup, RadioGroupItem, Label } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<RadioGroup defaultValue="email" aria-label="Contact method"><div><RadioGroupItem id="email" value="email" /><Label htmlFor="email">Email</Label></div><div><RadioGroupItem id="phone" value="phone" /><Label htmlFor="phone">Phone</Label></div></RadioGroup>);
+ * }
+ * ```
  */
-declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.Props<any>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioPrimitive.Root.Props<any>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare function RadioGroup({ ref, className, ...props }: React.PropsWithoutRef<RadioGroupPrimitive.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace RadioGroup {
+    var displayName: string;
+}
+/**
+ * Renders one radio choice with a built-in circular checked indicator.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered RadioGroupItem composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Items require RadioGroup context and distinct values. Supply labels or accessible names for each item. The wrapper delegates controlled/default selection and keyboard behavior to Base UI. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the built-in checked indicator.
+ * @example
+ * ```tsx
+ * import { RadioGroup, RadioGroupItem, Label } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<RadioGroup defaultValue="email" aria-label="Contact method"><div><RadioGroupItem id="email" value="email" /><Label htmlFor="email">Email</Label></div><div><RadioGroupItem id="phone" value="phone" /><Label htmlFor="phone">Phone</Label></div></RadioGroup>);
+ * }
+ * ```
+ */
+declare function RadioGroupItem({ ref, className, ...props }: React.PropsWithoutRef<RadioPrimitive.Root.Props> & React.RefAttributes<HTMLButtonElement>): React.JSX.Element;
+declare namespace RadioGroupItem {
+    var displayName: string;
+}
 export { RadioGroup, RadioGroupItem };

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

@@ -2,9 +2,41 @@ import { Radio as RadioPrimitive } from '@base-ui/react/radio';
 import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
 import * as React from 'react';
 /**
- * RadioGroup Component
- * ラジオグループコンポーネント
+ * Coordinates a grid of mutually exclusive radio choices.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered RadioGroup composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Items require RadioGroup context and distinct values. Supply labels or accessible names for each item. The wrapper delegates controlled/default selection and keyboard behavior to Base UI. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { RadioGroup, RadioGroupItem, Label } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<RadioGroup defaultValue="email" aria-label="Contact method"><div><RadioGroupItem id="email" value="email" /><Label htmlFor="email">Email</Label></div><div><RadioGroupItem id="phone" value="phone" /><Label htmlFor="phone">Phone</Label></div></RadioGroup>);
+ * }
+ * ```
  */
-declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.Props<any>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioPrimitive.Root.Props<any>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare function RadioGroup({ ref, className, ...props }: React.PropsWithoutRef<RadioGroupPrimitive.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace RadioGroup {
+    var displayName: string;
+}
+/**
+ * Renders one radio choice with a built-in circular checked indicator.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered RadioGroupItem composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Items require RadioGroup context and distinct values. Supply labels or accessible names for each item. The wrapper delegates controlled/default selection and keyboard behavior to Base UI. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the built-in checked indicator.
+ * @example
+ * ```tsx
+ * import { RadioGroup, RadioGroupItem, Label } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<RadioGroup defaultValue="email" aria-label="Contact method"><div><RadioGroupItem id="email" value="email" /><Label htmlFor="email">Email</Label></div><div><RadioGroupItem id="phone" value="phone" /><Label htmlFor="phone">Phone</Label></div></RadioGroup>);
+ * }
+ * ```
+ */
+declare function RadioGroupItem({ ref, className, ...props }: React.PropsWithoutRef<RadioPrimitive.Root.Props> & React.RefAttributes<HTMLButtonElement>): React.JSX.Element;
+declare namespace RadioGroupItem {
+    var displayName: string;
+}
 export { RadioGroup, RadioGroupItem };

package/dist/ui/components/ui/radio-group.js

@@ -1,31 +1,35 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import { jsx as t } from "react/jsx-runtime";
-import * as n from "react";
-import { CircleIcon as r } from "lucide-react";
-import { RadioGroup as i } from "@base-ui/react/radio-group";
-import { Radio as a } from "@base-ui/react/radio";
+import "react";
+import { CircleIcon as n } from "lucide-react";
+import { RadioGroup as r } from "@base-ui/react/radio-group";
+import { Radio as i } from "@base-ui/react/radio";
 //#region src/ui/components/ui/radio-group.tsx
-var o = n.forwardRef(({ className: n, ...r }, a) => /* @__PURE__ */ t(i, {
-	ref: a,
-	"data-slot": "radio-group",
-	className: e("grid gap-2 w-full", n),
-	...r
-}));
-o.displayName = "RadioGroup";
-var s = n.forwardRef(({ className: n, ...i }, o) => /* @__PURE__ */ t(a.Root, {
-	ref: o,
-	"data-slot": "radio-group-item",
-	className: e("border-input text-primary dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 flex size-4 rounded-full focus-visible:ring-[3px] aria-invalid:ring-[3px] group/radio-group-item peer relative aspect-square shrink-0 border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50", n),
-	...i,
-	children: /* @__PURE__ */ t(a.Indicator, {
-		"data-slot": "radio-group-indicator",
-		className: "group-aria-invalid/radio-group-item:text-destructive text-primary flex size-4 items-center justify-center",
-		children: /* @__PURE__ */ t(r, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-current" })
-	})
-}));
-s.displayName = "RadioGroupItem";
+function a({ ref: n, className: i, ...a }) {
+	return /* @__PURE__ */ t(r, {
+		ref: n,
+		"data-slot": "radio-group",
+		className: e("grid gap-2 w-full", i),
+		...a
+	});
+}
+a.displayName = "RadioGroup";
+function o({ ref: r, className: a, ...o }) {
+	return /* @__PURE__ */ t(i.Root, {
+		ref: r,
+		"data-slot": "radio-group-item",
+		className: e("border-input text-primary dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 flex size-4 rounded-full focus-visible:ring-[3px] aria-invalid:ring-[3px] group/radio-group-item peer relative aspect-square shrink-0 border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50", a),
+		...o,
+		children: /* @__PURE__ */ t(i.Indicator, {
+			"data-slot": "radio-group-indicator",
+			className: "group-aria-invalid/radio-group-item:text-destructive text-primary flex size-4 items-center justify-center",
+			children: /* @__PURE__ */ t(n, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-current" })
+		})
+	});
+}
+o.displayName = "RadioGroupItem";
 //#endregion
-export { o as RadioGroup, s as RadioGroupItem };
+export { a as RadioGroup, o as RadioGroupItem };
 
 //# sourceMappingURL=radio-group.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","names":["React","RadioGroupPrimitive","RadioPrimitive","React$1","RadioGroup$1","RadioGroup","props","cn","className","RadioGroupItem","Radio","CircleIcon"],"sources":["../../../../src/ui/components/ui/radio-group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Radio as RadioPrimitive } from '@base-ui/react/radio';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\nimport { CircleIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * RadioGroup Component\n * ラジオグループコンポーネント\n */\nconst RadioGroup = React.forwardRef<HTMLDivElement, RadioGroupPrimitive.Props>(\n  ({ className, ...props }, ref) => {\n    return (\n      <RadioGroupPrimitive\n        ref={ref}\n        data-slot='radio-group'\n        className={cn('grid gap-2 w-full', className)}\n        {...props}\n      />\n    );\n  },\n);\nRadioGroup.displayName = 'RadioGroup';\n\nconst RadioGroupItem = React.forwardRef<HTMLButtonElement, RadioPrimitive.Root.Props>(\n  ({ className, ...props }, ref) => {\n    return (\n      <RadioPrimitive.Root\n        ref={ref}\n        data-slot='radio-group-item'\n        className={cn(\n          'border-input text-primary dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 flex size-4 rounded-full focus-visible:ring-[3px] aria-invalid:ring-[3px] group/radio-group-item peer relative aspect-square shrink-0 border 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        <RadioPrimitive.Indicator\n          data-slot='radio-group-indicator'\n          className='group-aria-invalid/radio-group-item:text-destructive text-primary flex size-4 items-center justify-center'\n        >\n          <CircleIcon className='absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-current' />\n        </RadioPrimitive.Indicator>\n      </RadioPrimitive.Root>\n    );\n  },\n);\nRadioGroupItem.displayName = 'RadioGroupItem';\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":";;;;;;;;AAWA,IAAMK,IAAaL,EAAM,YACtB,EAAE,cAAW,GAAGM,KAAS,MAEtB,kBAACL,GAAD;CACO;CACL,aAAU;CACV,WAAWM,EAAG,qBAAqBC,CAAS;CAC5C,GAAIF;AACL,CAAA,CAGP;AACA,EAAW,cAAc;AAEzB,IAAMG,IAAiBT,EAAM,YAC1B,EAAE,cAAW,GAAGM,KAAS,MAEtB,kBAACJ,EAAe,MAAhB;CACO;CACL,aAAU;CACV,WAAWK,EACT,6eACAC,CACF;CACA,GAAIF;CAEJ,UAAA,kBAACJ,EAAe,WAAhB;EACE,aAAU;EACV,WAAU;EAEV,UAAA,kBAACS,GAAD,EAAY,WAAU,kFAAmF,CAAA;CACjF,CAAA;AACP,CAAA,CAG3B;AACA,EAAe,cAAc"}
+{"version":3,"file":"radio-group.js","names":["RadioGroupPrimitive","RadioPrimitive","RadioGroup$1","RadioGroup","props","cn","className","RadioGroupItem","Radio","CircleIcon"],"sources":["../../../../src/ui/components/ui/radio-group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Radio as RadioPrimitive } from '@base-ui/react/radio';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\nimport { CircleIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates a grid of mutually exclusive radio choices.\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 RadioGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items require RadioGroup context and distinct values. Supply labels or accessible names for each item. The wrapper delegates controlled/default selection and keyboard behavior to Base UI. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { RadioGroup, RadioGroupItem, Label } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<RadioGroup defaultValue=\"email\" aria-label=\"Contact method\"><div><RadioGroupItem id=\"email\" value=\"email\" /><Label htmlFor=\"email\">Email</Label></div><div><RadioGroupItem id=\"phone\" value=\"phone\" /><Label htmlFor=\"phone\">Phone</Label></div></RadioGroup>);\n * }\n * ```\n */\nfunction RadioGroup({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<RadioGroupPrimitive.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <RadioGroupPrimitive\n      ref={ref}\n      data-slot='radio-group'\n      className={cn('grid gap-2 w-full', className)}\n      {...props}\n    />\n  );\n}\nRadioGroup.displayName = 'RadioGroup';\n\n/**\n * Renders one radio choice with a built-in circular checked indicator.\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 RadioGroupItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items require RadioGroup context and distinct values. Supply labels or accessible names for each item. The wrapper delegates controlled/default selection and keyboard behavior to Base UI. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the built-in checked indicator.\n * @example\n * ```tsx\n * import { RadioGroup, RadioGroupItem, Label } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<RadioGroup defaultValue=\"email\" aria-label=\"Contact method\"><div><RadioGroupItem id=\"email\" value=\"email\" /><Label htmlFor=\"email\">Email</Label></div><div><RadioGroupItem id=\"phone\" value=\"phone\" /><Label htmlFor=\"phone\">Phone</Label></div></RadioGroup>);\n * }\n * ```\n */\nfunction RadioGroupItem({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<RadioPrimitive.Root.Props> & React.RefAttributes<HTMLButtonElement>) {\n  return (\n    <RadioPrimitive.Root\n      ref={ref}\n      data-slot='radio-group-item'\n      className={cn(\n        'border-input text-primary dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 flex size-4 rounded-full focus-visible:ring-[3px] aria-invalid:ring-[3px] group/radio-group-item peer relative aspect-square shrink-0 border 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      <RadioPrimitive.Indicator\n        data-slot='radio-group-indicator'\n        className='group-aria-invalid/radio-group-item:text-destructive text-primary flex size-4 items-center justify-center'\n      >\n        <CircleIcon className='absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-current' />\n      </RadioPrimitive.Indicator>\n    </RadioPrimitive.Root>\n  );\n}\nRadioGroupItem.displayName = 'RadioGroupItem';\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":";;;;;;;;AAsBA,SAASG,EAAW,EAClB,QACA,cACA,GAAGC,KACsF;CACzF,OACE,kBAACJ,GAAD;EACO;EACL,aAAU;EACV,WAAWK,EAAG,qBAAqBC,CAAS;EAC5C,GAAIF;CACL,CAAA;AAEL;AACA,EAAW,cAAc;AAiBzB,SAASG,EAAe,EACtB,QACA,cACA,GAAGH,KACyF;CAC5F,OACE,kBAACH,EAAe,MAAhB;EACO;EACL,aAAU;EACV,WAAWI,EACT,6eACAC,CACF;EACA,GAAIF;EAEJ,UAAA,kBAACH,EAAe,WAAhB;GACE,aAAU;GACV,WAAU;GAEV,UAAA,kBAACQ,GAAD,EAAY,WAAU,kFAAmF,CAAA;EACjF,CAAA;CACP,CAAA;AAEzB;AACA,EAAe,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"resizable.cjs","names":["PanelGroup","cn","Panel","PanelResizeHandle","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","react_resizable_panels","ResizablePanelGroup","props","className","ResizablePanel","ResizableHandle","withHandle"],"sources":["../../../../src/ui/components/ui/resizable.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Panel, Group as PanelGroup, Separator as PanelResizeHandle } from 'react-resizable-panels';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * ドラッグで幅や高さをリサイズ可能なパネルを配置するためのグループコンテナ。\n */\nfunction ResizablePanelGroup({ className, ...props }: React.ComponentProps<typeof PanelGroup>) {\n  return (\n    <PanelGroup\n      data-slot='resizable-panel-group'\n      className={cn('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * リサイズ可能な個々のパネル領域。\n */\nfunction ResizablePanel({ ...props }: React.ComponentProps<typeof Panel>) {\n  return <Panel data-slot='resizable-panel' {...props} />;\n}\n\n/**\n * パネル間の境界線であり、ドラッグしてサイズ変更を行うためのハンドル。\n */\nfunction ResizableHandle({\n  withHandle,\n  className,\n  ...props\n}: React.ComponentProps<typeof PanelResizeHandle> & {\n  withHandle?: boolean;\n}) {\n  return (\n    <PanelResizeHandle\n      data-slot='resizable-handle'\n      className={cn(\n        'bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90',\n        className,\n      )}\n      {...props}\n    >\n      {withHandle && <div className='bg-border h-6 w-1 rounded-lg z-10 flex shrink-0' />}\n    </PanelResizeHandle>\n  );\n}\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"],"mappings":"A,wSAUA,SAASS,EAAoB,CAAE,YAAW,GAAGC,GAAkD,CAC7F,OACE,EAAAJ,EAAA,IAAA,CAACN,EAAAA,MAAD,CACE,YAAU,wBACV,UAAWC,EAAAA,GAAG,oEAAqEU,CAAS,EAC5F,GAAID,CACL,CAAA,CAEL,CAKA,SAASE,EAAe,CAAE,GAAGF,GAA6C,CACxE,OAAO,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,MAAD,CAAO,YAAU,kBAAkB,GAAIQ,CAAQ,CAAA,CACxD,CAKA,SAASG,EAAgB,CACvB,aACA,YACA,GAAGH,GAGF,CACD,OACE,EAAAJ,EAAA,IAAA,CAACH,EAAAA,UAAD,CACE,YAAU,mBACV,UAAWF,EAAAA,GACT,4oBACAU,CACF,EACA,GAAID,EAEH,SAAAI,IAAc,EAAAR,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,iDAAmD,CAAA,CAChE,CAAA,CAEvB,C"}
+{"version":3,"file":"resizable.cjs","names":["PanelGroup","cn","Panel","PanelResizeHandle","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","react_resizable_panels","ResizablePanelGroup","props","className","ResizablePanel","ResizableHandle","withHandle"],"sources":["../../../../src/ui/components/ui/resizable.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Panel, Group as PanelGroup, Separator as PanelResizeHandle } from 'react-resizable-panels';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates adjacent resizable panels through react-resizable-panels Group.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered ResizablePanelGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place panels and handles as siblings inside the group and give the host a nonzero size. Props follow the installed react-resizable-panels Group/Panel/Separator API; this wrapper does not add size persistence. withHandle defaults to false/absent.\n * @example\n * ```tsx\n * import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ResizablePanelGroup orientation=\"horizontal\"><ResizablePanel defaultSize=\"50%\">Left</ResizablePanel><ResizableHandle withHandle /><ResizablePanel defaultSize=\"50%\">Right</ResizablePanel></ResizablePanelGroup>);\n * }\n * ```\n */\nfunction ResizablePanelGroup({ className, ...props }: React.ComponentProps<typeof PanelGroup>) {\n  return (\n    <PanelGroup\n      data-slot='resizable-panel-group'\n      className={cn('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Renders one panel managed by its surrounding resizable group.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered ResizablePanel composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place panels and handles as siblings inside the group and give the host a nonzero size. Props follow the installed react-resizable-panels Group/Panel/Separator API; this wrapper does not add size persistence. withHandle defaults to false/absent.\n * @example\n * ```tsx\n * import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ResizablePanelGroup orientation=\"horizontal\"><ResizablePanel defaultSize=\"50%\">Left</ResizablePanel><ResizableHandle withHandle /><ResizablePanel defaultSize=\"50%\">Right</ResizablePanel></ResizablePanelGroup>);\n * }\n * ```\n */\nfunction ResizablePanel({ ...props }: React.ComponentProps<typeof Panel>) {\n  return <Panel data-slot='resizable-panel' {...props} />;\n}\n\n/**\n * Renders the draggable panel separator with an optional visible handle.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered ResizableHandle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place panels and handles as siblings inside the group and give the host a nonzero size. Props follow the installed react-resizable-panels Group/Panel/Separator API; this wrapper does not add size persistence. withHandle defaults to false/absent.  children are replaced by the optional withHandle grip.\n * @example\n * ```tsx\n * import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ResizablePanelGroup orientation=\"horizontal\"><ResizablePanel defaultSize=\"50%\">Left</ResizablePanel><ResizableHandle withHandle /><ResizablePanel defaultSize=\"50%\">Right</ResizablePanel></ResizablePanelGroup>);\n * }\n * ```\n */\nfunction ResizableHandle({\n  withHandle,\n  className,\n  ...props\n}: React.ComponentProps<typeof PanelResizeHandle> & {\n  /**\n   * Adds a small visible grip when true; defaults to false/absent.\n   */\n  withHandle?: boolean;\n}) {\n  return (\n    <PanelResizeHandle\n      data-slot='resizable-handle'\n      className={cn(\n        'bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90',\n        className,\n      )}\n      {...props}\n    >\n      {withHandle && <div className='bg-border h-6 w-1 rounded-lg z-10 flex shrink-0' />}\n    </PanelResizeHandle>\n  );\n}\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"],"mappings":"A,wSAsBA,SAASS,EAAoB,CAAE,YAAW,GAAGC,GAAkD,CAC7F,OACE,EAAAJ,EAAA,IAAA,CAACN,EAAAA,MAAD,CACE,YAAU,wBACV,UAAWC,EAAAA,GAAG,oEAAqEU,CAAS,EAC5F,GAAID,CACL,CAAA,CAEL,CAiBA,SAASE,EAAe,CAAE,GAAGF,GAA6C,CACxE,OAAO,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,MAAD,CAAO,YAAU,kBAAkB,GAAIQ,CAAQ,CAAA,CACxD,CAiBA,SAASG,EAAgB,CACvB,aACA,YACA,GAAGH,GAMF,CACD,OACE,EAAAJ,EAAA,IAAA,CAACH,EAAAA,UAAD,CACE,YAAU,mBACV,UAAWF,EAAAA,GACT,4oBACAU,CACF,EACA,GAAID,EAEH,SAAAI,IAAc,EAAAR,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,iDAAmD,CAAA,CAChE,CAAA,CAEvB,C"}

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

@@ -1,17 +1,56 @@
 import { Panel, Group as PanelGroup, Separator as PanelResizeHandle } from 'react-resizable-panels';
 import * as React from 'react';
 /**
- * ドラッグで幅や高さをリサイズ可能なパネルを配置するためのグループコンテナ。
+ * Coordinates adjacent resizable panels through react-resizable-panels Group.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered ResizablePanelGroup composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Place panels and handles as siblings inside the group and give the host a nonzero size. Props follow the installed react-resizable-panels Group/Panel/Separator API; this wrapper does not add size persistence. withHandle defaults to false/absent.
+ * @example
+ * ```tsx
+ * import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<ResizablePanelGroup orientation="horizontal"><ResizablePanel defaultSize="50%">Left</ResizablePanel><ResizableHandle withHandle /><ResizablePanel defaultSize="50%">Right</ResizablePanel></ResizablePanelGroup>);
+ * }
+ * ```
  */
 declare function ResizablePanelGroup({ className, ...props }: React.ComponentProps<typeof PanelGroup>): React.JSX.Element;
 /**
- * リサイズ可能な個々のパネル領域。
+ * Renders one panel managed by its surrounding resizable group.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered ResizablePanel composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Place panels and handles as siblings inside the group and give the host a nonzero size. Props follow the installed react-resizable-panels Group/Panel/Separator API; this wrapper does not add size persistence. withHandle defaults to false/absent.
+ * @example
+ * ```tsx
+ * import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<ResizablePanelGroup orientation="horizontal"><ResizablePanel defaultSize="50%">Left</ResizablePanel><ResizableHandle withHandle /><ResizablePanel defaultSize="50%">Right</ResizablePanel></ResizablePanelGroup>);
+ * }
+ * ```
  */
 declare function ResizablePanel({ ...props }: React.ComponentProps<typeof Panel>): React.JSX.Element;
 /**
- * パネル間の境界線であり、ドラッグしてサイズ変更を行うためのハンドル。
+ * Renders the draggable panel separator with an optional visible handle.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered ResizableHandle composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Place panels and handles as siblings inside the group and give the host a nonzero size. Props follow the installed react-resizable-panels Group/Panel/Separator API; this wrapper does not add size persistence. withHandle defaults to false/absent.  children are replaced by the optional withHandle grip.
+ * @example
+ * ```tsx
+ * import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<ResizablePanelGroup orientation="horizontal"><ResizablePanel defaultSize="50%">Left</ResizablePanel><ResizableHandle withHandle /><ResizablePanel defaultSize="50%">Right</ResizablePanel></ResizablePanelGroup>);
+ * }
+ * ```
  */
 declare function ResizableHandle({ withHandle, className, ...props }: React.ComponentProps<typeof PanelResizeHandle> & {
+    /**
+     * Adds a small visible grip when true; defaults to false/absent.
+     */
     withHandle?: boolean;
 }): React.JSX.Element;
 export { ResizablePanelGroup, ResizablePanel, ResizableHandle };

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

@@ -1,17 +1,56 @@
 import { Panel, Group as PanelGroup, Separator as PanelResizeHandle } from 'react-resizable-panels';
 import * as React from 'react';
 /**
- * ドラッグで幅や高さをリサイズ可能なパネルを配置するためのグループコンテナ。
+ * Coordinates adjacent resizable panels through react-resizable-panels Group.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered ResizablePanelGroup composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Place panels and handles as siblings inside the group and give the host a nonzero size. Props follow the installed react-resizable-panels Group/Panel/Separator API; this wrapper does not add size persistence. withHandle defaults to false/absent.
+ * @example
+ * ```tsx
+ * import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<ResizablePanelGroup orientation="horizontal"><ResizablePanel defaultSize="50%">Left</ResizablePanel><ResizableHandle withHandle /><ResizablePanel defaultSize="50%">Right</ResizablePanel></ResizablePanelGroup>);
+ * }
+ * ```
  */
 declare function ResizablePanelGroup({ className, ...props }: React.ComponentProps<typeof PanelGroup>): React.JSX.Element;
 /**
- * リサイズ可能な個々のパネル領域。
+ * Renders one panel managed by its surrounding resizable group.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered ResizablePanel composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Place panels and handles as siblings inside the group and give the host a nonzero size. Props follow the installed react-resizable-panels Group/Panel/Separator API; this wrapper does not add size persistence. withHandle defaults to false/absent.
+ * @example
+ * ```tsx
+ * import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<ResizablePanelGroup orientation="horizontal"><ResizablePanel defaultSize="50%">Left</ResizablePanel><ResizableHandle withHandle /><ResizablePanel defaultSize="50%">Right</ResizablePanel></ResizablePanelGroup>);
+ * }
+ * ```
  */
 declare function ResizablePanel({ ...props }: React.ComponentProps<typeof Panel>): React.JSX.Element;
 /**
- * パネル間の境界線であり、ドラッグしてサイズ変更を行うためのハンドル。
+ * Renders the draggable panel separator with an optional visible handle.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered ResizableHandle composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Place panels and handles as siblings inside the group and give the host a nonzero size. Props follow the installed react-resizable-panels Group/Panel/Separator API; this wrapper does not add size persistence. withHandle defaults to false/absent.  children are replaced by the optional withHandle grip.
+ * @example
+ * ```tsx
+ * import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<ResizablePanelGroup orientation="horizontal"><ResizablePanel defaultSize="50%">Left</ResizablePanel><ResizableHandle withHandle /><ResizablePanel defaultSize="50%">Right</ResizablePanel></ResizablePanelGroup>);
+ * }
+ * ```
  */
 declare function ResizableHandle({ withHandle, className, ...props }: React.ComponentProps<typeof PanelResizeHandle> & {
+    /**
+     * Adds a small visible grip when true; defaults to false/absent.
+     */
     withHandle?: boolean;
 }): React.JSX.Element;
 export { ResizablePanelGroup, ResizablePanel, ResizableHandle };

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

@@ -1 +1 @@
-{"version":3,"file":"resizable.js","names":["PanelGroup","PanelResizeHandle","ResizablePanelGroup","props","Group","cn","className","ResizablePanel","Panel","ResizableHandle","Separator","withHandle"],"sources":["../../../../src/ui/components/ui/resizable.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Panel, Group as PanelGroup, Separator as PanelResizeHandle } from 'react-resizable-panels';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * ドラッグで幅や高さをリサイズ可能なパネルを配置するためのグループコンテナ。\n */\nfunction ResizablePanelGroup({ className, ...props }: React.ComponentProps<typeof PanelGroup>) {\n  return (\n    <PanelGroup\n      data-slot='resizable-panel-group'\n      className={cn('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * リサイズ可能な個々のパネル領域。\n */\nfunction ResizablePanel({ ...props }: React.ComponentProps<typeof Panel>) {\n  return <Panel data-slot='resizable-panel' {...props} />;\n}\n\n/**\n * パネル間の境界線であり、ドラッグしてサイズ変更を行うためのハンドル。\n */\nfunction ResizableHandle({\n  withHandle,\n  className,\n  ...props\n}: React.ComponentProps<typeof PanelResizeHandle> & {\n  withHandle?: boolean;\n}) {\n  return (\n    <PanelResizeHandle\n      data-slot='resizable-handle'\n      className={cn(\n        'bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90',\n        className,\n      )}\n      {...props}\n    >\n      {withHandle && <div className='bg-border h-6 w-1 rounded-lg z-10 flex shrink-0' />}\n    </PanelResizeHandle>\n  );\n}\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"],"mappings":";;;;;;;AAUA,SAASE,EAAoB,EAAE,cAAW,GAAGC,KAAkD;CAC7F,OACE,kBAACH,GAAD;EACE,aAAU;EACV,WAAWK,EAAG,qEAAqEC,CAAS;EAC5F,GAAIH;CACL,CAAA;AAEL;AAKA,SAASI,EAAe,EAAE,GAAGJ,KAA6C;CACxE,OAAO,kBAACK,GAAD;EAAO,aAAU;EAAkB,GAAIL;CAAQ,CAAA;AACxD;AAKA,SAASM,EAAgB,EACvB,eACA,cACA,GAAGN,KAGF;CACD,OACE,kBAACF,GAAD;EACE,aAAU;EACV,WAAWI,EACT,6oBACAC,CACF;EACA,GAAIH;EAEH,UAAAQ,KAAc,kBAAC,OAAD,EAAK,WAAU,kDAAmD,CAAA;CAChE,CAAA;AAEvB"}
+{"version":3,"file":"resizable.js","names":["PanelGroup","PanelResizeHandle","ResizablePanelGroup","props","Group","cn","className","ResizablePanel","Panel","ResizableHandle","Separator","withHandle"],"sources":["../../../../src/ui/components/ui/resizable.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Panel, Group as PanelGroup, Separator as PanelResizeHandle } from 'react-resizable-panels';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates adjacent resizable panels through react-resizable-panels Group.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered ResizablePanelGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place panels and handles as siblings inside the group and give the host a nonzero size. Props follow the installed react-resizable-panels Group/Panel/Separator API; this wrapper does not add size persistence. withHandle defaults to false/absent.\n * @example\n * ```tsx\n * import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ResizablePanelGroup orientation=\"horizontal\"><ResizablePanel defaultSize=\"50%\">Left</ResizablePanel><ResizableHandle withHandle /><ResizablePanel defaultSize=\"50%\">Right</ResizablePanel></ResizablePanelGroup>);\n * }\n * ```\n */\nfunction ResizablePanelGroup({ className, ...props }: React.ComponentProps<typeof PanelGroup>) {\n  return (\n    <PanelGroup\n      data-slot='resizable-panel-group'\n      className={cn('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Renders one panel managed by its surrounding resizable group.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered ResizablePanel composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place panels and handles as siblings inside the group and give the host a nonzero size. Props follow the installed react-resizable-panels Group/Panel/Separator API; this wrapper does not add size persistence. withHandle defaults to false/absent.\n * @example\n * ```tsx\n * import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ResizablePanelGroup orientation=\"horizontal\"><ResizablePanel defaultSize=\"50%\">Left</ResizablePanel><ResizableHandle withHandle /><ResizablePanel defaultSize=\"50%\">Right</ResizablePanel></ResizablePanelGroup>);\n * }\n * ```\n */\nfunction ResizablePanel({ ...props }: React.ComponentProps<typeof Panel>) {\n  return <Panel data-slot='resizable-panel' {...props} />;\n}\n\n/**\n * Renders the draggable panel separator with an optional visible handle.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered ResizableHandle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place panels and handles as siblings inside the group and give the host a nonzero size. Props follow the installed react-resizable-panels Group/Panel/Separator API; this wrapper does not add size persistence. withHandle defaults to false/absent.  children are replaced by the optional withHandle grip.\n * @example\n * ```tsx\n * import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ResizablePanelGroup orientation=\"horizontal\"><ResizablePanel defaultSize=\"50%\">Left</ResizablePanel><ResizableHandle withHandle /><ResizablePanel defaultSize=\"50%\">Right</ResizablePanel></ResizablePanelGroup>);\n * }\n * ```\n */\nfunction ResizableHandle({\n  withHandle,\n  className,\n  ...props\n}: React.ComponentProps<typeof PanelResizeHandle> & {\n  /**\n   * Adds a small visible grip when true; defaults to false/absent.\n   */\n  withHandle?: boolean;\n}) {\n  return (\n    <PanelResizeHandle\n      data-slot='resizable-handle'\n      className={cn(\n        'bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90',\n        className,\n      )}\n      {...props}\n    >\n      {withHandle && <div className='bg-border h-6 w-1 rounded-lg z-10 flex shrink-0' />}\n    </PanelResizeHandle>\n  );\n}\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"],"mappings":";;;;;;;AAsBA,SAASE,EAAoB,EAAE,cAAW,GAAGC,KAAkD;CAC7F,OACE,kBAACH,GAAD;EACE,aAAU;EACV,WAAWK,EAAG,qEAAqEC,CAAS;EAC5F,GAAIH;CACL,CAAA;AAEL;AAiBA,SAASI,EAAe,EAAE,GAAGJ,KAA6C;CACxE,OAAO,kBAACK,GAAD;EAAO,aAAU;EAAkB,GAAIL;CAAQ,CAAA;AACxD;AAiBA,SAASM,EAAgB,EACvB,eACA,cACA,GAAGN,KAMF;CACD,OACE,kBAACF,GAAD;EACE,aAAU;EACV,WAAWI,EACT,6oBACAC,CACF;EACA,GAAIH;EAEH,UAAAQ,KAAc,kBAAC,OAAD,EAAK,WAAU,kDAAmD,CAAA;CAChE,CAAA;AAEvB"}