@alneas/appkit-react 0.1.0 → 0.3.0

package/dist/ui/components/ui/progress.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("@base-ui/react/progress");var a=r.forwardRef(({className:e,children:r,value:a,...c},l)=>(0,n.jsxs)(i.Progress.Root,{ref:l,value:a,"data-slot":`progress`,className:t.cn(`flex flex-wrap gap-3`,e),...c,children:[r,(0,n.jsx)(o,{children:(0,n.jsx)(s,{})})]}));a.displayName=`Progress`;var o=r.forwardRef(({className:e,...r},a)=>(0,n.jsx)(i.Progress.Track,{ref:a,className:t.cn(`bg-muted h-1 rounded-full relative flex w-full items-center overflow-x-hidden`,e),"data-slot":`progress-track`,...r}));o.displayName=`ProgressTrack`;var s=r.forwardRef(({className:e,...r},a)=>(0,n.jsx)(i.Progress.Indicator,{ref:a,"data-slot":`progress-indicator`,className:t.cn(`bg-primary h-full transition-all`,e),...r}));s.displayName=`ProgressIndicator`;var c=r.forwardRef(({className:e,...r},a)=>(0,n.jsx)(i.Progress.Label,{ref:a,className:t.cn(`text-sm font-medium`,e),"data-slot":`progress-label`,...r}));c.displayName=`ProgressLabel`;var l=r.forwardRef(({className:e,...r},a)=>(0,n.jsx)(i.Progress.Value,{ref:a,className:t.cn(`text-muted-foreground ml-auto text-sm tabular-nums`,e),"data-slot":`progress-value`,...r}));l.displayName=`ProgressValue`,exports.Progress=a,exports.ProgressIndicator=s,exports.ProgressLabel=c,exports.ProgressTrack=o,exports.ProgressValue=l;
+"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("@base-ui/react/progress");function a({ref:e,className:r,children:a,value:c,...l}){return(0,n.jsxs)(i.Progress.Root,{ref:e,value:c,"data-slot":`progress`,className:t.cn(`flex flex-wrap gap-3`,r),...l,children:[a,(0,n.jsx)(o,{children:(0,n.jsx)(s,{})})]})}a.displayName=`Progress`;function o({ref:e,className:r,...a}){return(0,n.jsx)(i.Progress.Track,{ref:e,className:t.cn(`bg-muted h-1 rounded-full relative flex w-full items-center overflow-x-hidden`,r),"data-slot":`progress-track`,...a})}o.displayName=`ProgressTrack`;function s({ref:e,className:r,...a}){return(0,n.jsx)(i.Progress.Indicator,{ref:e,"data-slot":`progress-indicator`,className:t.cn(`bg-primary h-full transition-all`,r),...a})}s.displayName=`ProgressIndicator`;function c({ref:e,className:r,...a}){return(0,n.jsx)(i.Progress.Label,{ref:e,className:t.cn(`text-sm font-medium`,r),"data-slot":`progress-label`,...a})}c.displayName=`ProgressLabel`;function l({ref:e,className:r,...a}){return(0,n.jsx)(i.Progress.Value,{ref:e,className:t.cn(`text-muted-foreground ml-auto text-sm tabular-nums`,r),"data-slot":`progress-value`,...a})}l.displayName=`ProgressValue`,exports.Progress=a,exports.ProgressIndicator=s,exports.ProgressLabel=c,exports.ProgressTrack=o,exports.ProgressValue=l;
 //# sourceMappingURL=progress.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"progress.cjs","names":["React","ProgressPrimitive","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","_base_ui_react_progress","Progress","props","className","children","ProgressTrack","ProgressIndicator","ProgressLabel","ProgressValue"],"sources":["../../../../src/ui/components/ui/progress.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Progress as ProgressPrimitive } from '@base-ui/react/progress';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * プログレスバーコンポーネント\n *\n * 進捗状況を視覚的に表示。\n */\nconst Progress = React.forwardRef<HTMLDivElement, ProgressPrimitive.Root.Props>(\n  ({ className, children, value, ...props }, ref) => (\n    <ProgressPrimitive.Root\n      ref={ref}\n      value={value}\n      data-slot='progress'\n      className={cn('flex flex-wrap gap-3', className)}\n      {...props}\n    >\n      {children}\n      <ProgressTrack>\n        <ProgressIndicator />\n      </ProgressTrack>\n    </ProgressPrimitive.Root>\n  ),\n);\nProgress.displayName = 'Progress';\n\nconst ProgressTrack = React.forwardRef<HTMLDivElement, ProgressPrimitive.Track.Props>(\n  ({ className, ...props }, ref) => (\n    <ProgressPrimitive.Track\n      ref={ref}\n      className={cn(\n        'bg-muted h-1 rounded-full relative flex w-full items-center overflow-x-hidden',\n        className,\n      )}\n      data-slot='progress-track'\n      {...props}\n    />\n  ),\n);\nProgressTrack.displayName = 'ProgressTrack';\n\nconst ProgressIndicator = React.forwardRef<HTMLDivElement, ProgressPrimitive.Indicator.Props>(\n  ({ className, ...props }, ref) => (\n    <ProgressPrimitive.Indicator\n      ref={ref}\n      data-slot='progress-indicator'\n      className={cn('bg-primary h-full transition-all', className)}\n      {...props}\n    />\n  ),\n);\nProgressIndicator.displayName = 'ProgressIndicator';\n\nconst ProgressLabel = React.forwardRef<HTMLSpanElement, ProgressPrimitive.Label.Props>(\n  ({ className, ...props }, ref) => (\n    <ProgressPrimitive.Label\n      ref={ref}\n      className={cn('text-sm font-medium', className)}\n      data-slot='progress-label'\n      {...props}\n    />\n  ),\n);\nProgressLabel.displayName = 'ProgressLabel';\n\nconst ProgressValue = React.forwardRef<HTMLSpanElement, ProgressPrimitive.Value.Props>(\n  ({ className, ...props }, ref) => (\n    <ProgressPrimitive.Value\n      ref={ref}\n      className={cn('text-muted-foreground ml-auto text-sm tabular-nums', className)}\n      data-slot='progress-value'\n      {...props}\n    />\n  ),\n);\nProgressValue.displayName = 'ProgressValue';\n\nexport { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue };\n"],"mappings":"A,ySAYA,IAAMQ,EAAWR,EAAM,YACpB,CAAE,YAAW,WAAU,QAAO,GAAGS,GAAS,KACzC,EAAAJ,EAAA,KAAA,CAACJ,EAAAA,SAAkB,KAAnB,CACO,MACE,QACP,YAAU,WACV,UAAWC,EAAAA,GAAG,uBAAwBQ,CAAS,EAC/C,GAAID,EALN,SAAA,CAOGE,GACD,EAAAN,EAAA,IAAA,CAACO,EAAD,CAAA,UACE,EAAAP,EAAA,IAAA,CAACQ,EAAD,CAAoB,CAAA,CACP,CAAA,CACO,CAE5B,CAAA,CAAA,EACA,EAAS,YAAc,WAEvB,IAAMD,EAAgBZ,EAAM,YACzB,CAAE,YAAW,GAAGS,GAAS,KACxB,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,SAAkB,MAAnB,CACO,MACL,UAAWC,EAAAA,GACT,gFACAQ,CACF,EACA,YAAU,iBACV,GAAID,CACL,CAAA,CAEL,EACA,EAAc,YAAc,gBAE5B,IAAMI,EAAoBb,EAAM,YAC7B,CAAE,YAAW,GAAGS,GAAS,KACxB,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,SAAkB,UAAnB,CACO,MACL,YAAU,qBACV,UAAWC,EAAAA,GAAG,mCAAoCQ,CAAS,EAC3D,GAAID,CACL,CAAA,CAEL,EACA,EAAkB,YAAc,oBAEhC,IAAMK,EAAgBd,EAAM,YACzB,CAAE,YAAW,GAAGS,GAAS,KACxB,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,SAAkB,MAAnB,CACO,MACL,UAAWC,EAAAA,GAAG,sBAAuBQ,CAAS,EAC9C,YAAU,iBACV,GAAID,CACL,CAAA,CAEL,EACA,EAAc,YAAc,gBAE5B,IAAMM,EAAgBf,EAAM,YACzB,CAAE,YAAW,GAAGS,GAAS,KACxB,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,SAAkB,MAAnB,CACO,MACL,UAAWC,EAAAA,GAAG,qDAAsDQ,CAAS,EAC7E,YAAU,iBACV,GAAID,CACL,CAAA,CAEL,EACA,EAAc,YAAc,gB"}
+{"version":3,"file":"progress.cjs","names":["ProgressPrimitive","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","_base_ui_react_progress","Progress","props","className","children","ProgressTrack","ProgressIndicator","ProgressLabel","ProgressValue"],"sources":["../../../../src/ui/components/ui/progress.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Progress as ProgressPrimitive } from '@base-ui/react/progress';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates an accessible progress value and always appends a styled track/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 Progress composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nfunction Progress({\n  ref,\n  className,\n  children,\n  value,\n  ...props\n}: React.PropsWithoutRef<ProgressPrimitive.Root.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ProgressPrimitive.Root\n      ref={ref}\n      value={value}\n      data-slot='progress'\n      className={cn('flex flex-wrap gap-3', className)}\n      {...props}\n    >\n      {children}\n      <ProgressTrack>\n        <ProgressIndicator />\n      </ProgressTrack>\n    </ProgressPrimitive.Root>\n  );\n}\nProgress.displayName = 'Progress';\n\n/**\n * Renders the background track for a progress 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 ProgressTrack composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nfunction ProgressTrack({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<ProgressPrimitive.Track.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ProgressPrimitive.Track\n      ref={ref}\n      className={cn(\n        'bg-muted h-1 rounded-full relative flex w-full items-center overflow-x-hidden',\n        className,\n      )}\n      data-slot='progress-track'\n      {...props}\n    />\n  );\n}\nProgressTrack.displayName = 'ProgressTrack';\n\n/**\n * Renders the fill element driven by the surrounding progress context.\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 ProgressIndicator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nfunction ProgressIndicator({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<ProgressPrimitive.Indicator.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ProgressPrimitive.Indicator\n      ref={ref}\n      data-slot='progress-indicator'\n      className={cn('bg-primary h-full transition-all', className)}\n      {...props}\n    />\n  );\n}\nProgressIndicator.displayName = 'ProgressIndicator';\n\n/**\n * Provides the accessible label of a progress display.\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 ProgressLabel composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nfunction ProgressLabel({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<ProgressPrimitive.Label.Props> & React.RefAttributes<HTMLSpanElement>) {\n  return (\n    <ProgressPrimitive.Label\n      ref={ref}\n      className={cn('text-sm font-medium', className)}\n      data-slot='progress-label'\n      {...props}\n    />\n  );\n}\nProgressLabel.displayName = 'ProgressLabel';\n\n/**\n * Renders the formatted progress value from context.\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 ProgressValue composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nfunction ProgressValue({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<ProgressPrimitive.Value.Props> & React.RefAttributes<HTMLSpanElement>) {\n  return (\n    <ProgressPrimitive.Value\n      ref={ref}\n      className={cn('text-muted-foreground ml-auto text-sm tabular-nums', className)}\n      data-slot='progress-value'\n      {...props}\n    />\n  );\n}\nProgressValue.displayName = 'ProgressValue';\n\nexport { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue };\n"],"mappings":"A,ySAsBA,SAASO,EAAS,CAChB,MACA,YACA,WACA,QACA,GAAGC,GACyF,CAC5F,OACE,EAAAJ,EAAA,KAAA,CAACJ,EAAAA,SAAkB,KAAnB,CACO,MACE,QACP,YAAU,WACV,UAAWC,EAAAA,GAAG,uBAAwBQ,CAAS,EAC/C,GAAID,EALN,SAAA,CAOGE,GACD,EAAAN,EAAA,IAAA,CAACO,EAAD,CAAA,UACE,EAAAP,EAAA,IAAA,CAACQ,EAAD,CAAoB,CAAA,CACP,CAAA,CACO,C,EAE5B,CACA,EAAS,YAAc,WAiBvB,SAASD,EAAc,CACrB,MACA,YACA,GAAGH,GAC0F,CAC7F,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,SAAkB,MAAnB,CACO,MACL,UAAWC,EAAAA,GACT,gFACAQ,CACF,EACA,YAAU,iBACV,GAAID,CACL,CAAA,CAEL,CACA,EAAc,YAAc,gBAiB5B,SAASI,EAAkB,CACzB,MACA,YACA,GAAGJ,GAC8F,CACjG,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,SAAkB,UAAnB,CACO,MACL,YAAU,qBACV,UAAWC,EAAAA,GAAG,mCAAoCQ,CAAS,EAC3D,GAAID,CACL,CAAA,CAEL,CACA,EAAkB,YAAc,oBAiBhC,SAASK,EAAc,CACrB,MACA,YACA,GAAGL,GAC2F,CAC9F,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,SAAkB,MAAnB,CACO,MACL,UAAWC,EAAAA,GAAG,sBAAuBQ,CAAS,EAC9C,YAAU,iBACV,GAAID,CACL,CAAA,CAEL,CACA,EAAc,YAAc,gBAiB5B,SAASM,EAAc,CACrB,MACA,YACA,GAAGN,GAC2F,CAC9F,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,SAAkB,MAAnB,CACO,MACL,UAAWC,EAAAA,GAAG,qDAAsDQ,CAAS,EAC7E,YAAU,iBACV,GAAID,CACL,CAAA,CAEL,CACA,EAAc,YAAc,gB"}

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

@@ -1,12 +1,98 @@
+import { Progress as ProgressPrimitive } from '@base-ui/react/progress';
 import * as React from 'react';
 /**
- * プログレスバーコンポーネント
+ * Coordinates an accessible progress value and always appends a styled track/indicator.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered Progress composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
  *
- * 進捗状況を視覚的に表示。
+ * export function Example() {
+ *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);
+ * }
+ * ```
  */
-declare const Progress: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ProgressTrack: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressTrackProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ProgressIndicator: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ProgressLabel: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-declare const ProgressValue: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare function Progress({ ref, className, children, value, ...props }: React.PropsWithoutRef<ProgressPrimitive.Root.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace Progress {
+    var displayName: string;
+}
+/**
+ * Renders the background track for a progress indicator.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ProgressTrack composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);
+ * }
+ * ```
+ */
+declare function ProgressTrack({ ref, className, ...props }: React.PropsWithoutRef<ProgressPrimitive.Track.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ProgressTrack {
+    var displayName: string;
+}
+/**
+ * Renders the fill element driven by the surrounding progress context.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ProgressIndicator composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);
+ * }
+ * ```
+ */
+declare function ProgressIndicator({ ref, className, ...props }: React.PropsWithoutRef<ProgressPrimitive.Indicator.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ProgressIndicator {
+    var displayName: string;
+}
+/**
+ * Provides the accessible label of a progress display.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ProgressLabel composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);
+ * }
+ * ```
+ */
+declare function ProgressLabel({ ref, className, ...props }: React.PropsWithoutRef<ProgressPrimitive.Label.Props> & React.RefAttributes<HTMLSpanElement>): React.JSX.Element;
+declare namespace ProgressLabel {
+    var displayName: string;
+}
+/**
+ * Renders the formatted progress value from context.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ProgressValue composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);
+ * }
+ * ```
+ */
+declare function ProgressValue({ ref, className, ...props }: React.PropsWithoutRef<ProgressPrimitive.Value.Props> & React.RefAttributes<HTMLSpanElement>): React.JSX.Element;
+declare namespace ProgressValue {
+    var displayName: string;
+}
 export { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue };

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

@@ -1,12 +1,98 @@
+import { Progress as ProgressPrimitive } from '@base-ui/react/progress';
 import * as React from 'react';
 /**
- * プログレスバーコンポーネント
+ * Coordinates an accessible progress value and always appends a styled track/indicator.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered Progress composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
  *
- * 進捗状況を視覚的に表示。
+ * export function Example() {
+ *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);
+ * }
+ * ```
  */
-declare const Progress: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ProgressTrack: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressTrackProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ProgressIndicator: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ProgressLabel: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-declare const ProgressValue: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare function Progress({ ref, className, children, value, ...props }: React.PropsWithoutRef<ProgressPrimitive.Root.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace Progress {
+    var displayName: string;
+}
+/**
+ * Renders the background track for a progress indicator.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ProgressTrack composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);
+ * }
+ * ```
+ */
+declare function ProgressTrack({ ref, className, ...props }: React.PropsWithoutRef<ProgressPrimitive.Track.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ProgressTrack {
+    var displayName: string;
+}
+/**
+ * Renders the fill element driven by the surrounding progress context.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ProgressIndicator composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);
+ * }
+ * ```
+ */
+declare function ProgressIndicator({ ref, className, ...props }: React.PropsWithoutRef<ProgressPrimitive.Indicator.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ProgressIndicator {
+    var displayName: string;
+}
+/**
+ * Provides the accessible label of a progress display.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ProgressLabel composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);
+ * }
+ * ```
+ */
+declare function ProgressLabel({ ref, className, ...props }: React.PropsWithoutRef<ProgressPrimitive.Label.Props> & React.RefAttributes<HTMLSpanElement>): React.JSX.Element;
+declare namespace ProgressLabel {
+    var displayName: string;
+}
+/**
+ * Renders the formatted progress value from context.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ProgressValue composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);
+ * }
+ * ```
+ */
+declare function ProgressValue({ ref, className, ...props }: React.PropsWithoutRef<ProgressPrimitive.Value.Props> & React.RefAttributes<HTMLSpanElement>): React.JSX.Element;
+declare namespace ProgressValue {
+    var displayName: string;
+}
 export { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue };

package/dist/ui/components/ui/progress.js

@@ -2,47 +2,57 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import * as r from "react";
-import { Progress as i } from "@base-ui/react/progress";
+import "react";
+import { Progress as r } from "@base-ui/react/progress";
 //#region src/ui/components/ui/progress.tsx
-var a = r.forwardRef(({ className: r, children: a, value: c, ...l }, u) => /* @__PURE__ */ n(i.Root, {
-	ref: u,
-	value: c,
-	"data-slot": "progress",
-	className: e("flex flex-wrap gap-3", r),
-	...l,
-	children: [a, /* @__PURE__ */ t(o, { children: /* @__PURE__ */ t(s, {}) })]
-}));
-a.displayName = "Progress";
-var o = r.forwardRef(({ className: n, ...r }, a) => /* @__PURE__ */ t(i.Track, {
-	ref: a,
-	className: e("bg-muted h-1 rounded-full relative flex w-full items-center overflow-x-hidden", n),
-	"data-slot": "progress-track",
-	...r
-}));
-o.displayName = "ProgressTrack";
-var s = r.forwardRef(({ className: n, ...r }, a) => /* @__PURE__ */ t(i.Indicator, {
-	ref: a,
-	"data-slot": "progress-indicator",
-	className: e("bg-primary h-full transition-all", n),
-	...r
-}));
-s.displayName = "ProgressIndicator";
-var c = r.forwardRef(({ className: n, ...r }, a) => /* @__PURE__ */ t(i.Label, {
-	ref: a,
-	className: e("text-sm font-medium", n),
-	"data-slot": "progress-label",
-	...r
-}));
-c.displayName = "ProgressLabel";
-var l = r.forwardRef(({ className: n, ...r }, a) => /* @__PURE__ */ t(i.Value, {
-	ref: a,
-	className: e("text-muted-foreground ml-auto text-sm tabular-nums", n),
-	"data-slot": "progress-value",
-	...r
-}));
-l.displayName = "ProgressValue";
+function i({ ref: i, className: s, children: c, value: l, ...u }) {
+	return /* @__PURE__ */ n(r.Root, {
+		ref: i,
+		value: l,
+		"data-slot": "progress",
+		className: e("flex flex-wrap gap-3", s),
+		...u,
+		children: [c, /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(o, {}) })]
+	});
+}
+i.displayName = "Progress";
+function a({ ref: n, className: i, ...a }) {
+	return /* @__PURE__ */ t(r.Track, {
+		ref: n,
+		className: e("bg-muted h-1 rounded-full relative flex w-full items-center overflow-x-hidden", i),
+		"data-slot": "progress-track",
+		...a
+	});
+}
+a.displayName = "ProgressTrack";
+function o({ ref: n, className: i, ...a }) {
+	return /* @__PURE__ */ t(r.Indicator, {
+		ref: n,
+		"data-slot": "progress-indicator",
+		className: e("bg-primary h-full transition-all", i),
+		...a
+	});
+}
+o.displayName = "ProgressIndicator";
+function s({ ref: n, className: i, ...a }) {
+	return /* @__PURE__ */ t(r.Label, {
+		ref: n,
+		className: e("text-sm font-medium", i),
+		"data-slot": "progress-label",
+		...a
+	});
+}
+s.displayName = "ProgressLabel";
+function c({ ref: n, className: i, ...a }) {
+	return /* @__PURE__ */ t(r.Value, {
+		ref: n,
+		className: e("text-muted-foreground ml-auto text-sm tabular-nums", i),
+		"data-slot": "progress-value",
+		...a
+	});
+}
+c.displayName = "ProgressValue";
 //#endregion
-export { a as Progress, s as ProgressIndicator, c as ProgressLabel, o as ProgressTrack, l as ProgressValue };
+export { i as Progress, o as ProgressIndicator, s as ProgressLabel, a as ProgressTrack, c as ProgressValue };
 
 //# sourceMappingURL=progress.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"progress.js","names":["React","ProgressPrimitive","React$1","Progress$1","Progress","props","cn","className","children","ProgressTrack","ProgressIndicator","ProgressLabel","ProgressValue"],"sources":["../../../../src/ui/components/ui/progress.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Progress as ProgressPrimitive } from '@base-ui/react/progress';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * プログレスバーコンポーネント\n *\n * 進捗状況を視覚的に表示。\n */\nconst Progress = React.forwardRef<HTMLDivElement, ProgressPrimitive.Root.Props>(\n  ({ className, children, value, ...props }, ref) => (\n    <ProgressPrimitive.Root\n      ref={ref}\n      value={value}\n      data-slot='progress'\n      className={cn('flex flex-wrap gap-3', className)}\n      {...props}\n    >\n      {children}\n      <ProgressTrack>\n        <ProgressIndicator />\n      </ProgressTrack>\n    </ProgressPrimitive.Root>\n  ),\n);\nProgress.displayName = 'Progress';\n\nconst ProgressTrack = React.forwardRef<HTMLDivElement, ProgressPrimitive.Track.Props>(\n  ({ className, ...props }, ref) => (\n    <ProgressPrimitive.Track\n      ref={ref}\n      className={cn(\n        'bg-muted h-1 rounded-full relative flex w-full items-center overflow-x-hidden',\n        className,\n      )}\n      data-slot='progress-track'\n      {...props}\n    />\n  ),\n);\nProgressTrack.displayName = 'ProgressTrack';\n\nconst ProgressIndicator = React.forwardRef<HTMLDivElement, ProgressPrimitive.Indicator.Props>(\n  ({ className, ...props }, ref) => (\n    <ProgressPrimitive.Indicator\n      ref={ref}\n      data-slot='progress-indicator'\n      className={cn('bg-primary h-full transition-all', className)}\n      {...props}\n    />\n  ),\n);\nProgressIndicator.displayName = 'ProgressIndicator';\n\nconst ProgressLabel = React.forwardRef<HTMLSpanElement, ProgressPrimitive.Label.Props>(\n  ({ className, ...props }, ref) => (\n    <ProgressPrimitive.Label\n      ref={ref}\n      className={cn('text-sm font-medium', className)}\n      data-slot='progress-label'\n      {...props}\n    />\n  ),\n);\nProgressLabel.displayName = 'ProgressLabel';\n\nconst ProgressValue = React.forwardRef<HTMLSpanElement, ProgressPrimitive.Value.Props>(\n  ({ className, ...props }, ref) => (\n    <ProgressPrimitive.Value\n      ref={ref}\n      className={cn('text-muted-foreground ml-auto text-sm tabular-nums', className)}\n      data-slot='progress-value'\n      {...props}\n    />\n  ),\n);\nProgressValue.displayName = 'ProgressValue';\n\nexport { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue };\n"],"mappings":";;;;;;;AAYA,IAAMI,IAAWJ,EAAM,YACpB,EAAE,cAAW,aAAU,UAAO,GAAGK,KAAS,MACzC,kBAACJ,EAAkB,MAAnB;CACO;CACE;CACP,aAAU;CACV,WAAWK,EAAG,wBAAwBC,CAAS;CAC/C,GAAIF;CALN,UAAA,CAOGG,GACD,kBAACC,GAAD,EAAA,UACE,kBAACC,GAAD,CAAoB,CAAA,EACP,CAAA,CACO;AAE5B,CAAA,CAAA;AACA,EAAS,cAAc;AAEvB,IAAMD,IAAgBT,EAAM,YACzB,EAAE,cAAW,GAAGK,KAAS,MACxB,kBAACJ,EAAkB,OAAnB;CACO;CACL,WAAWK,EACT,iFACAC,CACF;CACA,aAAU;CACV,GAAIF;AACL,CAAA,CAEL;AACA,EAAc,cAAc;AAE5B,IAAMK,IAAoBV,EAAM,YAC7B,EAAE,cAAW,GAAGK,KAAS,MACxB,kBAACJ,EAAkB,WAAnB;CACO;CACL,aAAU;CACV,WAAWK,EAAG,oCAAoCC,CAAS;CAC3D,GAAIF;AACL,CAAA,CAEL;AACA,EAAkB,cAAc;AAEhC,IAAMM,IAAgBX,EAAM,YACzB,EAAE,cAAW,GAAGK,KAAS,MACxB,kBAACJ,EAAkB,OAAnB;CACO;CACL,WAAWK,EAAG,uBAAuBC,CAAS;CAC9C,aAAU;CACV,GAAIF;AACL,CAAA,CAEL;AACA,EAAc,cAAc;AAE5B,IAAMO,IAAgBZ,EAAM,YACzB,EAAE,cAAW,GAAGK,KAAS,MACxB,kBAACJ,EAAkB,OAAnB;CACO;CACL,WAAWK,EAAG,sDAAsDC,CAAS;CAC7E,aAAU;CACV,GAAIF;AACL,CAAA,CAEL;AACA,EAAc,cAAc"}
+{"version":3,"file":"progress.js","names":["ProgressPrimitive","Progress$1","Progress","props","cn","className","children","ProgressTrack","ProgressIndicator","ProgressLabel","ProgressValue"],"sources":["../../../../src/ui/components/ui/progress.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Progress as ProgressPrimitive } from '@base-ui/react/progress';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates an accessible progress value and always appends a styled track/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 Progress composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nfunction Progress({\n  ref,\n  className,\n  children,\n  value,\n  ...props\n}: React.PropsWithoutRef<ProgressPrimitive.Root.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ProgressPrimitive.Root\n      ref={ref}\n      value={value}\n      data-slot='progress'\n      className={cn('flex flex-wrap gap-3', className)}\n      {...props}\n    >\n      {children}\n      <ProgressTrack>\n        <ProgressIndicator />\n      </ProgressTrack>\n    </ProgressPrimitive.Root>\n  );\n}\nProgress.displayName = 'Progress';\n\n/**\n * Renders the background track for a progress 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 ProgressTrack composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nfunction ProgressTrack({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<ProgressPrimitive.Track.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ProgressPrimitive.Track\n      ref={ref}\n      className={cn(\n        'bg-muted h-1 rounded-full relative flex w-full items-center overflow-x-hidden',\n        className,\n      )}\n      data-slot='progress-track'\n      {...props}\n    />\n  );\n}\nProgressTrack.displayName = 'ProgressTrack';\n\n/**\n * Renders the fill element driven by the surrounding progress context.\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 ProgressIndicator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nfunction ProgressIndicator({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<ProgressPrimitive.Indicator.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ProgressPrimitive.Indicator\n      ref={ref}\n      data-slot='progress-indicator'\n      className={cn('bg-primary h-full transition-all', className)}\n      {...props}\n    />\n  );\n}\nProgressIndicator.displayName = 'ProgressIndicator';\n\n/**\n * Provides the accessible label of a progress display.\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 ProgressLabel composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nfunction ProgressLabel({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<ProgressPrimitive.Label.Props> & React.RefAttributes<HTMLSpanElement>) {\n  return (\n    <ProgressPrimitive.Label\n      ref={ref}\n      className={cn('text-sm font-medium', className)}\n      data-slot='progress-label'\n      {...props}\n    />\n  );\n}\nProgressLabel.displayName = 'ProgressLabel';\n\n/**\n * Renders the formatted progress value from context.\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 ProgressValue composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose labels/value content inside Progress. The root always appends its own Track/Indicator after children; supplying another Track/Indicator adds a second bar rather than replacing the built-in one. Base UI owns range and indeterminate semantics. The host owns task progress. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Progress value={45}><ProgressLabel>Upload</ProgressLabel><ProgressValue /></Progress>);\n * }\n * ```\n */\nfunction ProgressValue({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<ProgressPrimitive.Value.Props> & React.RefAttributes<HTMLSpanElement>) {\n  return (\n    <ProgressPrimitive.Value\n      ref={ref}\n      className={cn('text-muted-foreground ml-auto text-sm tabular-nums', className)}\n      data-slot='progress-value'\n      {...props}\n    />\n  );\n}\nProgressValue.displayName = 'ProgressValue';\n\nexport { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue };\n"],"mappings":";;;;;;;AAsBA,SAASE,EAAS,EAChB,QACA,cACA,aACA,UACA,GAAGC,KACyF;CAC5F,OACE,kBAACH,EAAkB,MAAnB;EACO;EACE;EACP,aAAU;EACV,WAAWI,EAAG,wBAAwBC,CAAS;EAC/C,GAAIF;EALN,UAAA,CAOGG,GACD,kBAACC,GAAD,EAAA,UACE,kBAACC,GAAD,CAAoB,CAAA,EACP,CAAA,CACO;;AAE5B;AACA,EAAS,cAAc;AAiBvB,SAASD,EAAc,EACrB,QACA,cACA,GAAGJ,KAC0F;CAC7F,OACE,kBAACH,EAAkB,OAAnB;EACO;EACL,WAAWI,EACT,iFACAC,CACF;EACA,aAAU;EACV,GAAIF;CACL,CAAA;AAEL;AACA,EAAc,cAAc;AAiB5B,SAASK,EAAkB,EACzB,QACA,cACA,GAAGL,KAC8F;CACjG,OACE,kBAACH,EAAkB,WAAnB;EACO;EACL,aAAU;EACV,WAAWI,EAAG,oCAAoCC,CAAS;EAC3D,GAAIF;CACL,CAAA;AAEL;AACA,EAAkB,cAAc;AAiBhC,SAASM,EAAc,EACrB,QACA,cACA,GAAGN,KAC2F;CAC9F,OACE,kBAACH,EAAkB,OAAnB;EACO;EACL,WAAWI,EAAG,uBAAuBC,CAAS;EAC9C,aAAU;EACV,GAAIF;CACL,CAAA;AAEL;AACA,EAAc,cAAc;AAiB5B,SAASO,EAAc,EACrB,QACA,cACA,GAAGP,KAC2F;CAC9F,OACE,kBAACH,EAAkB,OAAnB;EACO;EACL,WAAWI,EAAG,sDAAsDC,CAAS;EAC7E,aAAU;EACV,GAAIF;CACL,CAAA;AAEL;AACA,EAAc,cAAc"}

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

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./label.cjs");let r=require("react/jsx-runtime"),i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("@base-ui/react/radio-group"),s=require("@base-ui/react/radio");var c=i.forwardRef(({className:e,...n},i)=>(0,r.jsx)(o.RadioGroup,{ref:i,"data-slot":`radio-card-group`,className:t.cn(`grid gap-2`,e),...n}));c.displayName=`RadioCardGroup`;var l=i.forwardRef(({className:e,children:i,label:o,detail:c,...l},u)=>(0,r.jsx)(s.Radio.Root,{ref:u,"data-slot":`radio-card-item`,className:t.cn(`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`,e),...l,children:(0,r.jsxs)(`div`,{className:`flex w-full items-center justify-between`,children:[(0,r.jsx)(`div`,{className:`flex items-center`,children:(0,r.jsxs)(`div`,{className:`text-sm text-left`,children:[o&&(0,r.jsx)(n.Label,{className:`font-medium cursor-pointer block text-foreground group-aria-checked/radio-card:text-primary`,children:o}),c&&(0,r.jsx)(`span`,{className:`text-xs text-muted-foreground block mt-0.5 group-aria-checked/radio-card:text-primary/80`,children:c}),i]})}),(0,r.jsx)(s.Radio.Indicator,{className:`shrink-0 text-primary ml-2`,children:(0,r.jsx)(a.CheckCircleIcon,{className:`h-5 w-5`})})]})}));l.displayName=`RadioCardItem`,exports.RadioCardGroup=c,exports.RadioCardItem=l;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./label.cjs");let r=require("react/jsx-runtime"),i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("@base-ui/react/radio-group"),s=require("@base-ui/react/radio");function c({ref:e,className:n,...i}){return(0,r.jsx)(o.RadioGroup,{ref:e,"data-slot":`radio-card-group`,className:t.cn(`grid gap-2`,n),...i})}c.displayName=`RadioCardGroup`;function l({ref:e,className:i,children:o,label:c,detail:l,...u}){return(0,r.jsx)(s.Radio.Root,{ref:e,"data-slot":`radio-card-item`,className:t.cn(`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:(0,r.jsxs)(`div`,{className:`flex w-full items-center justify-between`,children:[(0,r.jsx)(`div`,{className:`flex items-center`,children:(0,r.jsxs)(`div`,{className:`text-sm text-left`,children:[c&&(0,r.jsx)(n.Label,{className:`font-medium cursor-pointer block text-foreground group-aria-checked/radio-card:text-primary`,children:c}),l&&(0,r.jsx)(`span`,{className:`text-xs text-muted-foreground block mt-0.5 group-aria-checked/radio-card:text-primary/80`,children:l}),o]})}),(0,r.jsx)(s.Radio.Indicator,{className:`shrink-0 text-primary ml-2`,children:(0,r.jsx)(a.CheckCircleIcon,{className:`h-5 w-5`})})]})})}l.displayName=`RadioCardItem`,exports.RadioCardGroup=c,exports.RadioCardItem=l;
 //# sourceMappingURL=radio-card.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-card.cjs","names":["React","RadioGroupPrimitive","cn","RadioPrimitive","Label","CheckCircleIcon","require_runtime","require_ui_lib_utils","require_ui_components_ui_label","react_jsx_runtime","react","lucide_react","_base_ui_react_radio_group","_base_ui_react_radio","RadioCardGroup","props","className","RadioCardItem","label","detail","children"],"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":"A,oXAYA,IAAMc,EAAiBd,EAAM,YAC1B,CAAE,YAAW,GAAGe,GAAS,KAEtB,EAAAN,EAAA,IAAA,CAACR,EAAAA,WAAD,CACO,MACL,YAAU,mBACV,UAAWC,EAAAA,GAAG,aAAcc,CAAS,EACrC,GAAID,CACL,CAAA,CAGP,EACA,EAAe,YAAc,iBAM7B,IAAME,EAAgBjB,EAAM,YAMzB,CAAE,YAAW,WAAU,QAAO,SAAQ,GAAGe,GAAS,KAEjD,EAAAN,EAAA,IAAA,CAACN,EAAAA,MAAe,KAAhB,CACO,MACL,YAAU,kBACV,UAAWD,EAAAA,GACT,2XACAc,CACF,EACA,GAAID,EAEJ,UAAA,EAAAN,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,2CAAf,SAAA,EACE,EAAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,oBACb,UAAA,EAAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,oBAAf,SAAA,CACGS,IACC,EAAAT,EAAA,IAAA,CAACL,EAAAA,MAAD,CAAO,UAAU,8FACd,SAAAc,CACI,CAAA,EAERC,IACC,EAAAV,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,2FACb,SAAAU,CACG,CAAA,EAEPC,CACE,C,EACF,CAAA,GACL,EAAAX,EAAA,IAAA,CAACN,EAAAA,MAAe,UAAhB,CAA0B,UAAU,6BAClC,UAAA,EAAAM,EAAA,IAAA,CAACJ,EAAAA,gBAAD,CAAiB,UAAU,SAAW,CAAA,CACd,CAAA,CACvB,C,EACc,CAAA,CAExB,EACD,EAAc,YAAc,gB"}
+{"version":3,"file":"radio-card.cjs","names":["RadioGroupPrimitive","cn","RadioPrimitive","Label","CheckCircleIcon","require_runtime","require_ui_lib_utils","require_ui_components_ui_label","react_jsx_runtime","react","lucide_react","_base_ui_react_radio_group","_base_ui_react_radio","RadioCardGroup","props","className","RadioCardItem","label","detail","children"],"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":"A,oXAuBA,SAASa,EAAe,CACtB,MACA,YACA,GAAGC,GACsF,CACzF,OACE,EAAAN,EAAA,IAAA,CAACR,EAAAA,WAAD,CACO,MACL,YAAU,mBACV,UAAWC,EAAAA,GAAG,aAAcc,CAAS,EACrC,GAAID,CACL,CAAA,CAEL,CACA,EAAe,YAAc,iBAiB7B,SAASE,EAAc,CACrB,MACA,YACA,WACA,QACA,SACA,GAAGF,GAaqC,CACxC,OACE,EAAAN,EAAA,IAAA,CAACN,EAAAA,MAAe,KAAhB,CACO,MACL,YAAU,kBACV,UAAWD,EAAAA,GACT,2XACAc,CACF,EACA,GAAID,EAEJ,UAAA,EAAAN,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,2CAAf,SAAA,EACE,EAAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,oBACb,UAAA,EAAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,oBAAf,SAAA,CACGS,IACC,EAAAT,EAAA,IAAA,CAACL,EAAAA,MAAD,CAAO,UAAU,8FACd,SAAAc,CACI,CAAA,EAERC,IACC,EAAAV,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,2FACb,SAAAU,CACG,CAAA,EAEPC,CACE,C,EACF,CAAA,GACL,EAAAX,EAAA,IAAA,CAACN,EAAAA,MAAe,UAAhB,CAA0B,UAAU,6BAClC,UAAA,EAAAM,EAAA,IAAA,CAACJ,EAAAA,gBAAD,CAAiB,UAAU,SAAW,CAAA,CACd,CAAA,CACvB,C,EACc,CAAA,CAEzB,CACA,EAAc,YAAc,gB"}

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

@@ -2,16 +2,50 @@ import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
 import { Radio as RadioPrimitive } from '@base-ui/react/radio';
 import * as React from 'react';
 /**
- * RadioCardGroup Component
- * カードスタイルのラジオグループコンポーネント
+ * Coordinates mutually exclusive choices displayed as cards.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered RadioCardGroup composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { RadioCardGroup, RadioCardItem } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<RadioCardGroup defaultValue="basic" aria-label="Plan"><RadioCardItem value="basic" label="Basic" detail="For personal use" /><RadioCardItem value="team" label="Team" /></RadioCardGroup>);
+ * }
+ * ```
  */
-declare const RadioCardGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.Props<any>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function RadioCardGroup({ ref, className, ...props }: React.PropsWithoutRef<RadioGroupPrimitive.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace RadioCardGroup {
+    var displayName: string;
+}
 /**
- * RadioCardItem Component
- * カードスタイルのラジオアイテムコンポーネント
+ * Renders one card choice with label/detail content and a 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 RadioCardItem composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { RadioCardGroup, RadioCardItem } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<RadioCardGroup defaultValue="basic" aria-label="Plan"><RadioCardItem value="basic" label="Basic" detail="For personal use" /><RadioCardItem value="team" label="Team" /></RadioCardGroup>);
+ * }
+ * ```
  */
-declare const RadioCardItem: React.ForwardRefExoticComponent<Omit<RadioPrimitive.Root.Props<any> & {
+declare function RadioCardItem({ ref, className, children, label, detail, ...props }: React.PropsWithoutRef<RadioPrimitive.Root.Props & {
+    /**
+     * Visible control/option text or content; does not perform persistence or validation.
+     */
     label?: React.ReactNode;
+    /**
+     * Optional supporting content below the radio-card label.
+     */
     detail?: React.ReactNode;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+}> & React.RefAttributes<HTMLButtonElement>): React.JSX.Element;
+declare namespace RadioCardItem {
+    var displayName: string;
+}
 export { RadioCardGroup, RadioCardItem };

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

@@ -2,16 +2,50 @@ import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
 import { Radio as RadioPrimitive } from '@base-ui/react/radio';
 import * as React from 'react';
 /**
- * RadioCardGroup Component
- * カードスタイルのラジオグループコンポーネント
+ * Coordinates mutually exclusive choices displayed as cards.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered RadioCardGroup composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { RadioCardGroup, RadioCardItem } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<RadioCardGroup defaultValue="basic" aria-label="Plan"><RadioCardItem value="basic" label="Basic" detail="For personal use" /><RadioCardItem value="team" label="Team" /></RadioCardGroup>);
+ * }
+ * ```
  */
-declare const RadioCardGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.Props<any>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function RadioCardGroup({ ref, className, ...props }: React.PropsWithoutRef<RadioGroupPrimitive.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace RadioCardGroup {
+    var displayName: string;
+}
 /**
- * RadioCardItem Component
- * カードスタイルのラジオアイテムコンポーネント
+ * Renders one card choice with label/detail content and a 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 RadioCardItem composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { RadioCardGroup, RadioCardItem } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<RadioCardGroup defaultValue="basic" aria-label="Plan"><RadioCardItem value="basic" label="Basic" detail="For personal use" /><RadioCardItem value="team" label="Team" /></RadioCardGroup>);
+ * }
+ * ```
  */
-declare const RadioCardItem: React.ForwardRefExoticComponent<Omit<RadioPrimitive.Root.Props<any> & {
+declare function RadioCardItem({ ref, className, children, label, detail, ...props }: React.PropsWithoutRef<RadioPrimitive.Root.Props & {
+    /**
+     * Visible control/option text or content; does not perform persistence or validation.
+     */
     label?: React.ReactNode;
+    /**
+     * Optional supporting content below the radio-card label.
+     */
     detail?: React.ReactNode;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+}> & React.RefAttributes<HTMLButtonElement>): React.JSX.Element;
+declare namespace RadioCardItem {
+    var displayName: string;
+}
 export { RadioCardGroup, RadioCardItem };