@alneas/appkit-react 0.1.0 → 0.2.0

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

@@ -1,15 +1,99 @@
 import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
 import * as React from 'react';
 /**
- * ボタンなどの操作によってトリガー付近にフローティング表示されるポップオーバーのルートコンポーネント。
+ * Coordinates open state and interaction context for the popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered Popover composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);
+ * }
+ * ```
  */
 declare function Popover({ ...props }: PopoverPrimitive.Root.Props): React.JSX.Element;
 /**
- * ポップオーバーを表示するためのトリガーボタン。
+ * Renders the control that requests opening its popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered PopoverTrigger composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);
+ * }
+ * ```
  */
 declare function PopoverTrigger({ children, ...props }: PopoverPrimitive.Trigger.Props): React.JSX.Element;
+/**
+ * Portals the popup and its positioning/backdrop composition.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: align='center', alignOffset=0, side='bottom', sideOffset=4.
+ * @returns The rendered PopoverContent composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);
+ * }
+ * ```
+ */
 declare const PopoverContent: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').PopoverPopupProps & Pick<import('@base-ui/react').PopoverPositionerProps, "side" | "align" | "sideOffset" | "alignOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Groups popup heading and explanatory content.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered PopoverHeader composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);
+ * }
+ * ```
+ */
 declare const PopoverHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Provides the accessible title of the associated popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered PopoverTitle composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);
+ * }
+ * ```
+ */
 declare const PopoverTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').PopoverTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Provides the accessible explanatory text of the associated popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered PopoverDescription composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);
+ * }
+ * ```
+ */
 declare const PopoverDescription: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').PopoverDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 export { Popover, PopoverContent, PopoverTrigger, PopoverHeader, PopoverTitle, PopoverDescription };

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

@@ -1,15 +1,99 @@
 import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
 import * as React from 'react';
 /**
- * ボタンなどの操作によってトリガー付近にフローティング表示されるポップオーバーのルートコンポーネント。
+ * Coordinates open state and interaction context for the popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered Popover composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);
+ * }
+ * ```
  */
 declare function Popover({ ...props }: PopoverPrimitive.Root.Props): React.JSX.Element;
 /**
- * ポップオーバーを表示するためのトリガーボタン。
+ * Renders the control that requests opening its popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered PopoverTrigger composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);
+ * }
+ * ```
  */
 declare function PopoverTrigger({ children, ...props }: PopoverPrimitive.Trigger.Props): React.JSX.Element;
+/**
+ * Portals the popup and its positioning/backdrop composition.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: align='center', alignOffset=0, side='bottom', sideOffset=4.
+ * @returns The rendered PopoverContent composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);
+ * }
+ * ```
+ */
 declare const PopoverContent: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').PopoverPopupProps & Pick<import('@base-ui/react').PopoverPositionerProps, "side" | "align" | "sideOffset" | "alignOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Groups popup heading and explanatory content.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered PopoverHeader composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);
+ * }
+ * ```
+ */
 declare const PopoverHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Provides the accessible title of the associated popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered PopoverTitle composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);
+ * }
+ * ```
+ */
 declare const PopoverTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').PopoverTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Provides the accessible explanatory text of the associated popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered PopoverDescription composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);
+ * }
+ * ```
+ */
 declare const PopoverDescription: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').PopoverDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 export { Popover, PopoverContent, PopoverTrigger, PopoverHeader, PopoverTitle, PopoverDescription };

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

@@ -1 +1 @@
-{"version":3,"file":"popover.js","names":["PopoverPrimitive","React","React$1","Popover$1","Popover","props","PopoverTrigger","PopoverContent","cn","className","PopoverHeader","PopoverTitle","PopoverDescription"],"sources":["../../../../src/ui/components/ui/popover.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Popover as PopoverPrimitive } from '@base-ui/react/popover';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * ボタンなどの操作によってトリガー付近にフローティング表示されるポップオーバーのルートコンポーネント。\n */\nfunction Popover({ ...props }: PopoverPrimitive.Root.Props) {\n  return <PopoverPrimitive.Root data-slot='popover' {...props} />;\n}\n\n/**\n * ポップオーバーを表示するためのトリガーボタン。\n */\nfunction PopoverTrigger({\n  children,\n  ...props\n}: PopoverPrimitive.Trigger.Props) {\n  return (\n    <PopoverPrimitive.Trigger\n      data-slot='popover-trigger'\n      {...props}\n    >\n      {children}\n    </PopoverPrimitive.Trigger>\n  );\n}\n\nconst PopoverContent = React.forwardRef<\n  HTMLDivElement,\n  PopoverPrimitive.Popup.Props &\n    Pick<PopoverPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>\n>(\n  (\n    { className, align = 'center', alignOffset = 0, side = 'bottom', sideOffset = 4, ...props },\n    ref,\n  ) => (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className='isolate z-50'\n      >\n        <PopoverPrimitive.Popup\n          ref={ref}\n          data-slot='popover-content'\n          className={cn(\n            'bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 w-72 origin-(--transform-origin) outline-hidden',\n            className,\n          )}\n          {...props}\n        />\n      </PopoverPrimitive.Positioner>\n    </PopoverPrimitive.Portal>\n  ),\n);\nPopoverContent.displayName = PopoverPrimitive.Popup.displayName;\n\nconst PopoverHeader = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='popover-header'\n      className={cn('flex flex-col gap-0.5 text-sm', className)}\n      {...props}\n    />\n  ),\n);\nPopoverHeader.displayName = 'PopoverHeader';\n\nconst PopoverTitle = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <PopoverPrimitive.Title\n    ref={ref}\n    data-slot='popover-title'\n    className={cn('font-medium', className)}\n    {...props}\n  />\n));\nPopoverTitle.displayName = PopoverPrimitive.Title.displayName;\n\nconst PopoverDescription = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <PopoverPrimitive.Description\n    ref={ref}\n    data-slot='popover-description'\n    className={cn('text-muted-foreground', className)}\n    {...props}\n  />\n));\nPopoverDescription.displayName = PopoverPrimitive.Description.displayName;\n\nexport { Popover, PopoverContent, PopoverTrigger, PopoverHeader, PopoverTitle, PopoverDescription };\n"],"mappings":";;;;;;;AAUA,SAASI,EAAQ,EAAE,GAAGC,KAAsC;CAC1D,OAAO,kBAACL,EAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAIK;CAAQ,CAAA;AAChE;AAKA,SAASC,EAAe,EACtB,aACA,GAAGD,KAC8B;CACjC,OACE,kBAACL,EAAiB,SAAlB;EACE,aAAU;EACV,GAAIK;EAEH;CACuB,CAAA;AAE9B;AAEA,IAAME,IAAiBN,EAAM,YAMzB,EAAE,cAAW,WAAQ,UAAU,iBAAc,GAAG,UAAO,UAAU,gBAAa,GAAG,GAAGI,KACpF,MAEA,kBAACL,EAAiB,QAAlB,EAAA,UACE,kBAACA,EAAiB,YAAlB;CACS;CACM;CACP;CACM;CACZ,WAAU;CAEV,UAAA,kBAACA,EAAiB,OAAlB;EACO;EACL,aAAU;EACV,WAAWQ,EACT,4dACAC,CACF;EACA,GAAIJ;CACL,CAAA;AAC0B,CAAA,EACN,CAAA,CAE7B;AACA,EAAe,cAAcL,EAAiB,MAAM;AAEpD,IAAMU,IAAgBT,EAAM,YACzB,EAAE,cAAW,GAAGI,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWG,EAAG,iCAAiCC,CAAS;CACxD,GAAIJ;AACL,CAAA,CAEL;AACA,EAAc,cAAc;AAE5B,IAAMM,IAAeV,EAAM,YAGxB,EAAE,cAAW,GAAGI,KAAS,MAC1B,kBAACL,EAAiB,OAAlB;CACO;CACL,aAAU;CACV,WAAWQ,EAAG,eAAeC,CAAS;CACtC,GAAIJ;AACL,CAAA,CACF;AACD,EAAa,cAAcL,EAAiB,MAAM;AAElD,IAAMY,IAAqBX,EAAM,YAG9B,EAAE,cAAW,GAAGI,KAAS,MAC1B,kBAACL,EAAiB,aAAlB;CACO;CACL,aAAU;CACV,WAAWQ,EAAG,yBAAyBC,CAAS;CAChD,GAAIJ;AACL,CAAA,CACF;AACD,EAAmB,cAAcL,EAAiB,YAAY"}
+{"version":3,"file":"popover.js","names":["PopoverPrimitive","React","React$1","Popover$1","Popover","props","PopoverTrigger","PopoverContent","cn","className","PopoverHeader","PopoverTitle","PopoverDescription"],"sources":["../../../../src/ui/components/ui/popover.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Popover as PopoverPrimitive } from '@base-ui/react/popover';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates open state and interaction context for the popup.\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 Popover composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction Popover({ ...props }: PopoverPrimitive.Root.Props) {\n  return <PopoverPrimitive.Root data-slot='popover' {...props} />;\n}\n\n/**\n * Renders the control that requests opening its popup.\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 PopoverTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction PopoverTrigger({\n  children,\n  ...props\n}: PopoverPrimitive.Trigger.Props) {\n  return (\n    <PopoverPrimitive.Trigger\n      data-slot='popover-trigger'\n      {...props}\n    >\n      {children}\n    </PopoverPrimitive.Trigger>\n  );\n}\n\n/**\n * Portals the popup and its positioning/backdrop composition.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: align='center', alignOffset=0, side='bottom', sideOffset=4.\n * @returns The rendered PopoverContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nconst PopoverContent = React.forwardRef<\n  HTMLDivElement,\n  PopoverPrimitive.Popup.Props &\n    Pick<PopoverPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>\n>(\n  (\n    { className, align = 'center', alignOffset = 0, side = 'bottom', sideOffset = 4, ...props },\n    ref,\n  ) => (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className='isolate z-50'\n      >\n        <PopoverPrimitive.Popup\n          ref={ref}\n          data-slot='popover-content'\n          className={cn(\n            'bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 w-72 origin-(--transform-origin) outline-hidden',\n            className,\n          )}\n          {...props}\n        />\n      </PopoverPrimitive.Positioner>\n    </PopoverPrimitive.Portal>\n  ),\n);\nPopoverContent.displayName = PopoverPrimitive.Popup.displayName;\n\n/**\n * Groups popup heading and explanatory content.\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 PopoverHeader composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nconst PopoverHeader = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='popover-header'\n      className={cn('flex flex-col gap-0.5 text-sm', className)}\n      {...props}\n    />\n  ),\n);\nPopoverHeader.displayName = 'PopoverHeader';\n\n/**\n * Provides the accessible title of the associated popup.\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 PopoverTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nconst PopoverTitle = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <PopoverPrimitive.Title\n    ref={ref}\n    data-slot='popover-title'\n    className={cn('font-medium', className)}\n    {...props}\n  />\n));\nPopoverTitle.displayName = PopoverPrimitive.Title.displayName;\n\n/**\n * Provides the accessible explanatory text of the associated popup.\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 PopoverDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nconst PopoverDescription = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <PopoverPrimitive.Description\n    ref={ref}\n    data-slot='popover-description'\n    className={cn('text-muted-foreground', className)}\n    {...props}\n  />\n));\nPopoverDescription.displayName = PopoverPrimitive.Description.displayName;\n\nexport { Popover, PopoverContent, PopoverTrigger, PopoverHeader, PopoverTitle, PopoverDescription };\n"],"mappings":";;;;;;;AAsBA,SAASI,EAAQ,EAAE,GAAGC,KAAsC;CAC1D,OAAO,kBAACL,EAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAIK;CAAQ,CAAA;AAChE;AAiBA,SAASC,EAAe,EACtB,aACA,GAAGD,KAC8B;CACjC,OACE,kBAACL,EAAiB,SAAlB;EACE,aAAU;EACV,GAAIK;EAEH;CACuB,CAAA;AAE9B;AAiBA,IAAME,IAAiBN,EAAM,YAMzB,EAAE,cAAW,WAAQ,UAAU,iBAAc,GAAG,UAAO,UAAU,gBAAa,GAAG,GAAGI,KACpF,MAEA,kBAACL,EAAiB,QAAlB,EAAA,UACE,kBAACA,EAAiB,YAAlB;CACS;CACM;CACP;CACM;CACZ,WAAU;CAEV,UAAA,kBAACA,EAAiB,OAAlB;EACO;EACL,aAAU;EACV,WAAWQ,EACT,4dACAC,CACF;EACA,GAAIJ;CACL,CAAA;AAC0B,CAAA,EACN,CAAA,CAE7B;AACA,EAAe,cAAcL,EAAiB,MAAM;AAiBpD,IAAMU,IAAgBT,EAAM,YACzB,EAAE,cAAW,GAAGI,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWG,EAAG,iCAAiCC,CAAS;CACxD,GAAIJ;AACL,CAAA,CAEL;AACA,EAAc,cAAc;AAiB5B,IAAMM,IAAeV,EAAM,YAGxB,EAAE,cAAW,GAAGI,KAAS,MAC1B,kBAACL,EAAiB,OAAlB;CACO;CACL,aAAU;CACV,WAAWQ,EAAG,eAAeC,CAAS;CACtC,GAAIJ;AACL,CAAA,CACF;AACD,EAAa,cAAcL,EAAiB,MAAM;AAiBlD,IAAMY,IAAqBX,EAAM,YAG9B,EAAE,cAAW,GAAGI,KAAS,MAC1B,kBAACL,EAAiB,aAAlB;CACO;CACL,aAAU;CACV,WAAWQ,EAAG,yBAAyBC,CAAS;CAChD,GAAIJ;AACL,CAAA,CACF;AACD,EAAmB,cAAcL,EAAiB,YAAY"}

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":["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 * 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 */\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\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 */\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\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 */\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\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 */\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\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 */\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,ySAsBA,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,WAiBvB,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,gBAiB5B,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,oBAiBhC,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,gBAiB5B,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"}

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

@@ -1,12 +1,82 @@
 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>>;
+/**
+ * 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 const ProgressTrack: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressTrackProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * 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 const ProgressIndicator: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * 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 const ProgressLabel: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * 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 const ProgressValue: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue };

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

@@ -1,12 +1,82 @@
 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>>;
+/**
+ * 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 const ProgressTrack: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressTrackProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * 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 const ProgressIndicator: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * 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 const ProgressLabel: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * 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 const ProgressValue: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ProgressValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue };

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":["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 * 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 */\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\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 */\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\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 */\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\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 */\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\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 */\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":";;;;;;;AAsBA,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;AAiBvB,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;AAiB5B,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;AAiBhC,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;AAiB5B,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"}

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":["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 * 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 */\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 * 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 */\nconst RadioCardItem = React.forwardRef<\n  HTMLButtonElement,\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>(({ 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,oXAuBA,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,iBAiB7B,IAAME,EAAgBjB,EAAM,YAYzB,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"}

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

@@ -2,16 +2,44 @@ 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>>;
 /**
- * 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> & {
+    /**
+     * 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>>;
 export { RadioCardGroup, RadioCardItem };