@alneas/appkit-react 0.1.0 → 0.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.cjs","names":["forwardRef","cn","Button","ChevronLeft","ChevronRight","MoreHorizontal","require_ui_lib_utils","require_ui_components_ui_button_components","react_jsx_runtime","react","lucide_react","Pagination","props","className","PaginationContent","PaginationItem","PaginationLink","isActive","PaginationPrevious","PaginationNext","PaginationEllipsis"],"sources":["../../../../src/ui/components/ui/pagination.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ComponentRef } from 'react';\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Button } from './button';\n\n/**\n * ページネーションのルートコンテナ\n */\nconst Pagination = forwardRef<ComponentRef<'nav'>, ComponentPropsWithoutRef<'nav'>>(\n  ({ className, ...props }, ref) => (\n    <nav\n      ref={ref}\n      role='navigation'\n      aria-label='pagination'\n      className={cn('mx-auto flex w-full justify-center', className)}\n      {...props}\n    />\n  ),\n);\nPagination.displayName = 'Pagination';\n\n/**\n * ページネーションアイテムのコンテナ\n */\nconst PaginationContent = forwardRef<ComponentRef<'ul'>, ComponentPropsWithoutRef<'ul'>>(\n  ({ className, ...props }, ref) => (\n    <ul ref={ref} className={cn('flex flex-row items-center gap-1', className)} {...props} />\n  ),\n);\nPaginationContent.displayName = 'PaginationContent';\n\n/**\n * 個別のページネーションアイテム\n */\nconst PaginationItem = forwardRef<ComponentRef<'li'>, ComponentPropsWithoutRef<'li'>>(\n  ({ className, ...props }, ref) => <li ref={ref} className={cn('', className)} {...props} />,\n);\nPaginationItem.displayName = 'PaginationItem';\n\ntype PaginationLinkProps = ComponentPropsWithoutRef<'a'> & {\n  isActive?: boolean;\n};\n\n/**\n * ページ番号リンク\n */\nconst PaginationLink = ({ className, isActive, ...props }: PaginationLinkProps) => (\n  <a\n    aria-current={isActive ? 'page' : undefined}\n    className={cn(\n      'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n      isActive || 'hover:bg-accent hover:text-accent-foreground',\n      isActive && 'bg-accent text-accent-foreground',\n      className,\n    )}\n    {...props}\n  />\n);\nPaginationLink.displayName = 'PaginationLink';\n\n/**\n * 前のページボタン\n */\nconst PaginationPrevious = forwardRef<\n  ComponentRef<typeof Button>,\n  ComponentPropsWithoutRef<typeof Button>\n>(({ className, ...props }, ref) => (\n  <Button\n    ref={ref}\n    aria-label='Go to previous page'\n    size='default'\n    variant='ghost'\n    className={cn('gap-1 pl-2.5', className)}\n    {...props}\n  >\n    <ChevronLeft className='h-4 w-4' />\n    <span>Previous</span>\n  </Button>\n));\nPaginationPrevious.displayName = 'PaginationPrevious';\n\n/**\n * 次のページボタン\n */\nconst PaginationNext = forwardRef<\n  ComponentRef<typeof Button>,\n  ComponentPropsWithoutRef<typeof Button>\n>(({ className, ...props }, ref) => (\n  <Button\n    ref={ref}\n    aria-label='Go to next page'\n    size='default'\n    variant='ghost'\n    className={cn('gap-1 pr-2.5', className)}\n    {...props}\n  >\n    <span>Next</span>\n    <ChevronRight className='h-4 w-4' />\n  </Button>\n));\nPaginationNext.displayName = 'PaginationNext';\n\n/**\n * 省略記号（...）\n */\nconst PaginationEllipsis = ({ className, ...props }: ComponentPropsWithoutRef<'span'>) => (\n  <span\n    aria-hidden\n    className={cn('flex h-9 w-9 items-center justify-center', className)}\n    {...props}\n  >\n    <MoreHorizontal className='h-4 w-4' />\n    <span className='sr-only'>More pages</span>\n  </span>\n);\nPaginationEllipsis.displayName = 'PaginationEllipsis';\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n};\n"],"mappings":"A,4OASA,IAAMW,GAAA,EAAaX,EAAAA,WAAAA,EAChB,CAAE,YAAW,GAAGY,GAAS,KACxB,EAAAJ,EAAA,IAAA,CAAC,MAAD,CACO,MACL,KAAK,aACL,aAAW,aACX,UAAWP,EAAAA,GAAG,qCAAsCY,CAAS,EAC7D,GAAID,CACL,CAAA,CAEL,EACA,EAAW,YAAc,aAKzB,IAAME,GAAA,EAAoBd,EAAAA,WAAAA,EACvB,CAAE,YAAW,GAAGY,GAAS,KACxB,EAAAJ,EAAA,IAAA,CAAC,KAAD,CAAS,MAAK,UAAWP,EAAAA,GAAG,mCAAoCY,CAAS,EAAG,GAAID,CAAQ,CAAA,CAE5F,EACA,EAAkB,YAAc,oBAKhC,IAAMG,GAAA,EAAiBf,EAAAA,WAAAA,EACpB,CAAE,YAAW,GAAGY,GAAS,KAAQ,EAAAJ,EAAA,IAAA,CAAC,KAAD,CAAS,MAAK,UAAWP,EAAAA,GAAG,GAAIY,CAAS,EAAG,GAAID,CAAQ,CAAA,CAC5F,EACA,EAAe,YAAc,iBAS7B,IAAMI,GAAkB,CAAE,YAAW,WAAU,GAAGJ,MAChD,EAAAJ,EAAA,IAAA,CAAC,IAAD,CACE,eAAcS,EAAW,OAAS,IAAA,GAClC,UAAWhB,EAAAA,GACT,yRACAgB,GAAY,+CACZA,GAAY,mCACZJ,CACF,EACA,GAAID,CACL,CAAA,EAEH,EAAe,YAAc,iBAK7B,IAAMM,GAAA,EAAqBlB,EAAAA,WAAAA,EAGxB,CAAE,YAAW,GAAGY,GAAS,KAC1B,EAAAJ,EAAA,KAAA,CAACN,EAAAA,OAAD,CACO,MACL,aAAW,sBACX,KAAK,UACL,QAAQ,QACR,UAAWD,EAAAA,GAAG,eAAgBY,CAAS,EACvC,GAAID,EANN,SAAA,EAQE,EAAAJ,EAAA,IAAA,CAACL,EAAAA,YAAD,CAAa,UAAU,SAAW,CAAA,GAClC,EAAAK,EAAA,IAAA,CAAC,OAAD,CAAA,SAAM,UAAc,CAAA,CACd,CACT,CAAA,CAAA,EACD,EAAmB,YAAc,qBAKjC,IAAMW,GAAA,EAAiBnB,EAAAA,WAAAA,EAGpB,CAAE,YAAW,GAAGY,GAAS,KAC1B,EAAAJ,EAAA,KAAA,CAACN,EAAAA,OAAD,CACO,MACL,aAAW,kBACX,KAAK,UACL,QAAQ,QACR,UAAWD,EAAAA,GAAG,eAAgBY,CAAS,EACvC,GAAID,EANN,SAAA,EAQE,EAAAJ,EAAA,IAAA,CAAC,OAAD,CAAA,SAAM,MAAU,CAAA,GAChB,EAAAA,EAAA,IAAA,CAACJ,EAAAA,aAAD,CAAc,UAAU,SAAW,CAAA,CAC7B,CACT,CAAA,CAAA,EACD,EAAe,YAAc,iBAK7B,IAAMgB,GAAsB,CAAE,YAAW,GAAGR,MAC1C,EAAAJ,EAAA,KAAA,CAAC,OAAD,CACE,cAAA,GACA,UAAWP,EAAAA,GAAG,2CAA4CY,CAAS,EACnE,GAAID,EAHN,SAAA,EAKE,EAAAJ,EAAA,IAAA,CAACH,EAAAA,eAAD,CAAgB,UAAU,SAAW,CAAA,GACrC,EAAAG,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,UAAU,SAAA,YAAgB,CAAA,CACtC,C,GAER,EAAmB,YAAc,qB"}
+{"version":3,"file":"pagination.cjs","names":["forwardRef","cn","Button","ChevronLeft","ChevronRight","MoreHorizontal","require_ui_lib_utils","require_ui_components_ui_button_components","react_jsx_runtime","react","lucide_react","Pagination","props","className","PaginationContent","PaginationItem","PaginationLink","isActive","PaginationPrevious","PaginationNext","PaginationEllipsis"],"sources":["../../../../src/ui/components/ui/pagination.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ComponentRef } from 'react';\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Button } from './button';\n\n/**\n * Renders the navigation landmark containing host-managed page controls.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered Pagination composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nconst Pagination = forwardRef<ComponentRef<'nav'>, ComponentPropsWithoutRef<'nav'>>(\n  ({ className, ...props }, ref) => (\n    <nav\n      ref={ref}\n      role='navigation'\n      aria-label='pagination'\n      className={cn('mx-auto flex w-full justify-center', className)}\n      {...props}\n    />\n  ),\n);\nPagination.displayName = 'Pagination';\n\n/**\n * Lays out pagination items in a horizontal unordered list.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PaginationContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nconst PaginationContent = forwardRef<ComponentRef<'ul'>, ComponentPropsWithoutRef<'ul'>>(\n  ({ className, ...props }, ref) => (\n    <ul ref={ref} className={cn('flex flex-row items-center gap-1', className)} {...props} />\n  ),\n);\nPaginationContent.displayName = 'PaginationContent';\n\n/**\n * Renders one pagination list item.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PaginationItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nconst PaginationItem = forwardRef<ComponentRef<'li'>, ComponentPropsWithoutRef<'li'>>(\n  ({ className, ...props }, ref) => <li ref={ref} className={cn('', className)} {...props} />,\n);\nPaginationItem.displayName = 'PaginationItem';\n\n/**\n * Native anchor attributes and current-page styling for PaginationLink.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see PaginationLink\n */\ntype PaginationLinkProps = ComponentPropsWithoutRef<'a'> & {\n  /**\n   * Adds current-page styling and aria-current=page when true; absent means inactive.\n   */\n  isActive?: boolean;\n};\n\n/**\n * Renders a page anchor with optional current-page styling and aria-current.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PaginationLink composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nconst PaginationLink = ({ className, isActive, ...props }: PaginationLinkProps) => (\n  <a\n    aria-current={isActive ? 'page' : undefined}\n    className={cn(\n      'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n      isActive || 'hover:bg-accent hover:text-accent-foreground',\n      isActive && 'bg-accent text-accent-foreground',\n      className,\n    )}\n    {...props}\n  />\n);\nPaginationLink.displayName = 'PaginationLink';\n\n/**\n * Renders a previous-page Button with a chevron and fixed English text.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PaginationPrevious composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the fixed icon and English Previous/Next label.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nconst PaginationPrevious = forwardRef<\n  ComponentRef<typeof Button>,\n  ComponentPropsWithoutRef<typeof Button>\n>(({ className, ...props }, ref) => (\n  <Button\n    ref={ref}\n    aria-label='Go to previous page'\n    size='default'\n    variant='ghost'\n    className={cn('gap-1 pl-2.5', className)}\n    {...props}\n  >\n    <ChevronLeft className='h-4 w-4' />\n    <span>Previous</span>\n  </Button>\n));\nPaginationPrevious.displayName = 'PaginationPrevious';\n\n/**\n * Renders a next-page Button with a chevron and fixed English text.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PaginationNext composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the fixed icon and English Previous/Next label.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nconst PaginationNext = forwardRef<\n  ComponentRef<typeof Button>,\n  ComponentPropsWithoutRef<typeof Button>\n>(({ className, ...props }, ref) => (\n  <Button\n    ref={ref}\n    aria-label='Go to next page'\n    size='default'\n    variant='ghost'\n    className={cn('gap-1 pr-2.5', className)}\n    {...props}\n  >\n    <span>Next</span>\n    <ChevronRight className='h-4 w-4' />\n  </Button>\n));\nPaginationNext.displayName = 'PaginationNext';\n\n/**\n * Renders a decorative omitted-pages marker.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PaginationEllipsis composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nconst PaginationEllipsis = ({ className, ...props }: ComponentPropsWithoutRef<'span'>) => (\n  <span\n    aria-hidden\n    className={cn('flex h-9 w-9 items-center justify-center', className)}\n    {...props}\n  >\n    <MoreHorizontal className='h-4 w-4' />\n    <span className='sr-only'>More pages</span>\n  </span>\n);\nPaginationEllipsis.displayName = 'PaginationEllipsis';\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n};\n"],"mappings":"A,4OAqBA,IAAMW,GAAA,EAAaX,EAAAA,WAAAA,EAChB,CAAE,YAAW,GAAGY,GAAS,KACxB,EAAAJ,EAAA,IAAA,CAAC,MAAD,CACO,MACL,KAAK,aACL,aAAW,aACX,UAAWP,EAAAA,GAAG,qCAAsCY,CAAS,EAC7D,GAAID,CACL,CAAA,CAEL,EACA,EAAW,YAAc,aAiBzB,IAAME,GAAA,EAAoBd,EAAAA,WAAAA,EACvB,CAAE,YAAW,GAAGY,GAAS,KACxB,EAAAJ,EAAA,IAAA,CAAC,KAAD,CAAS,MAAK,UAAWP,EAAAA,GAAG,mCAAoCY,CAAS,EAAG,GAAID,CAAQ,CAAA,CAE5F,EACA,EAAkB,YAAc,oBAiBhC,IAAMG,GAAA,EAAiBf,EAAAA,WAAAA,EACpB,CAAE,YAAW,GAAGY,GAAS,KAAQ,EAAAJ,EAAA,IAAA,CAAC,KAAD,CAAS,MAAK,UAAWP,EAAAA,GAAG,GAAIY,CAAS,EAAG,GAAID,CAAQ,CAAA,CAC5F,EACA,EAAe,YAAc,iBA6B7B,IAAMI,GAAkB,CAAE,YAAW,WAAU,GAAGJ,MAChD,EAAAJ,EAAA,IAAA,CAAC,IAAD,CACE,eAAcS,EAAW,OAAS,IAAA,GAClC,UAAWhB,EAAAA,GACT,yRACAgB,GAAY,+CACZA,GAAY,mCACZJ,CACF,EACA,GAAID,CACL,CAAA,EAEH,EAAe,YAAc,iBAiB7B,IAAMM,GAAA,EAAqBlB,EAAAA,WAAAA,EAGxB,CAAE,YAAW,GAAGY,GAAS,KAC1B,EAAAJ,EAAA,KAAA,CAACN,EAAAA,OAAD,CACO,MACL,aAAW,sBACX,KAAK,UACL,QAAQ,QACR,UAAWD,EAAAA,GAAG,eAAgBY,CAAS,EACvC,GAAID,EANN,SAAA,EAQE,EAAAJ,EAAA,IAAA,CAACL,EAAAA,YAAD,CAAa,UAAU,SAAW,CAAA,GAClC,EAAAK,EAAA,IAAA,CAAC,OAAD,CAAA,SAAM,UAAc,CAAA,CACd,CACT,CAAA,CAAA,EACD,EAAmB,YAAc,qBAiBjC,IAAMW,GAAA,EAAiBnB,EAAAA,WAAAA,EAGpB,CAAE,YAAW,GAAGY,GAAS,KAC1B,EAAAJ,EAAA,KAAA,CAACN,EAAAA,OAAD,CACO,MACL,aAAW,kBACX,KAAK,UACL,QAAQ,QACR,UAAWD,EAAAA,GAAG,eAAgBY,CAAS,EACvC,GAAID,EANN,SAAA,EAQE,EAAAJ,EAAA,IAAA,CAAC,OAAD,CAAA,SAAM,MAAU,CAAA,GAChB,EAAAA,EAAA,IAAA,CAACJ,EAAAA,aAAD,CAAc,UAAU,SAAW,CAAA,CAC7B,CACT,CAAA,CAAA,EACD,EAAe,YAAc,iBAiB7B,IAAMgB,GAAsB,CAAE,YAAW,GAAGR,MAC1C,EAAAJ,EAAA,KAAA,CAAC,OAAD,CACE,cAAA,GACA,UAAWP,EAAAA,GAAG,2CAA4CY,CAAS,EACnE,GAAID,EAHN,SAAA,EAKE,EAAAJ,EAAA,IAAA,CAACH,EAAAA,eAAD,CAAgB,UAAU,SAAW,CAAA,GACrC,EAAAG,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,UAAU,SAAA,YAAgB,CAAA,CACtC,C,GAER,EAAmB,YAAc,qB"}

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

@@ -1,36 +1,128 @@
 import { ComponentPropsWithoutRef } from 'react';
 /**
- * ページネーションのルートコンテナ
+ * Renders the navigation landmark containing host-managed page controls.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered Pagination composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log("Previous requested")} /></PaginationItem><PaginationItem><PaginationLink href="?page=1" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log("Next requested")} /></PaginationItem></PaginationContent></Pagination>);
+ * }
+ * ```
  */
 declare const Pagination: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
 /**
- * ページネーションアイテムのコンテナ
+ * Lays out pagination items in a horizontal unordered list.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered PaginationContent composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log("Previous requested")} /></PaginationItem><PaginationItem><PaginationLink href="?page=1" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log("Next requested")} /></PaginationItem></PaginationContent></Pagination>);
+ * }
+ * ```
  */
 declare const PaginationContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & import('react').RefAttributes<HTMLUListElement>>;
 /**
- * 個別のページネーションアイテム
+ * Renders one pagination list item.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered PaginationItem composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log("Previous requested")} /></PaginationItem><PaginationItem><PaginationLink href="?page=1" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log("Next requested")} /></PaginationItem></PaginationContent></Pagination>);
+ * }
+ * ```
  */
 declare const PaginationItem: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
+/**
+ * Native anchor attributes and current-page styling for PaginationLink.
+ * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.
+ * @see PaginationLink
+ */
 type PaginationLinkProps = ComponentPropsWithoutRef<'a'> & {
+    /**
+     * Adds current-page styling and aria-current=page when true; absent means inactive.
+     */
     isActive?: boolean;
 };
 /**
- * ページ番号リンク
+ * Renders a page anchor with optional current-page styling and aria-current.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered PaginationLink composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology.
+ * @example
+ * ```tsx
+ * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log("Previous requested")} /></PaginationItem><PaginationItem><PaginationLink href="?page=1" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log("Next requested")} /></PaginationItem></PaginationContent></Pagination>);
+ * }
+ * ```
  */
 declare const PaginationLink: {
     ({ className, isActive, ...props }: PaginationLinkProps): import('react').JSX.Element;
     displayName: string;
 };
 /**
- * 前のページボタン
+ * Renders a previous-page Button with a chevron and fixed English text.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered PaginationPrevious composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the fixed icon and English Previous/Next label.
+ * @example
+ * ```tsx
+ * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log("Previous requested")} /></PaginationItem><PaginationItem><PaginationLink href="?page=1" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log("Next requested")} /></PaginationItem></PaginationContent></Pagination>);
+ * }
+ * ```
  */
 declare const PaginationPrevious: import('react').ForwardRefExoticComponent<Omit<Omit<import('./button-components.cjs').ButtonProps, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
 /**
- * 次のページボタン
+ * Renders a next-page Button with a chevron and fixed English text.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered PaginationNext composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the fixed icon and English Previous/Next label.
+ * @example
+ * ```tsx
+ * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log("Previous requested")} /></PaginationItem><PaginationItem><PaginationLink href="?page=1" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log("Next requested")} /></PaginationItem></PaginationContent></Pagination>);
+ * }
+ * ```
  */
 declare const PaginationNext: import('react').ForwardRefExoticComponent<Omit<Omit<import('./button-components.cjs').ButtonProps, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
 /**
- * 省略記号（...）
+ * Renders a decorative omitted-pages marker.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered PaginationEllipsis composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology.
+ * @example
+ * ```tsx
+ * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log("Previous requested")} /></PaginationItem><PaginationItem><PaginationLink href="?page=1" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log("Next requested")} /></PaginationItem></PaginationContent></Pagination>);
+ * }
+ * ```
  */
 declare const PaginationEllipsis: {
     ({ className, ...props }: ComponentPropsWithoutRef<"span">): import('react').JSX.Element;

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

@@ -1,36 +1,128 @@
 import { ComponentPropsWithoutRef } from 'react';
 /**
- * ページネーションのルートコンテナ
+ * Renders the navigation landmark containing host-managed page controls.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered Pagination composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log("Previous requested")} /></PaginationItem><PaginationItem><PaginationLink href="?page=1" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log("Next requested")} /></PaginationItem></PaginationContent></Pagination>);
+ * }
+ * ```
  */
 declare const Pagination: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
 /**
- * ページネーションアイテムのコンテナ
+ * Lays out pagination items in a horizontal unordered list.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered PaginationContent composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log("Previous requested")} /></PaginationItem><PaginationItem><PaginationLink href="?page=1" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log("Next requested")} /></PaginationItem></PaginationContent></Pagination>);
+ * }
+ * ```
  */
 declare const PaginationContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & import('react').RefAttributes<HTMLUListElement>>;
 /**
- * 個別のページネーションアイテム
+ * Renders one pagination list item.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered PaginationItem composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log("Previous requested")} /></PaginationItem><PaginationItem><PaginationLink href="?page=1" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log("Next requested")} /></PaginationItem></PaginationContent></Pagination>);
+ * }
+ * ```
  */
 declare const PaginationItem: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
+/**
+ * Native anchor attributes and current-page styling for PaginationLink.
+ * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.
+ * @see PaginationLink
+ */
 type PaginationLinkProps = ComponentPropsWithoutRef<'a'> & {
+    /**
+     * Adds current-page styling and aria-current=page when true; absent means inactive.
+     */
     isActive?: boolean;
 };
 /**
- * ページ番号リンク
+ * Renders a page anchor with optional current-page styling and aria-current.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered PaginationLink composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology.
+ * @example
+ * ```tsx
+ * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log("Previous requested")} /></PaginationItem><PaginationItem><PaginationLink href="?page=1" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log("Next requested")} /></PaginationItem></PaginationContent></Pagination>);
+ * }
+ * ```
  */
 declare const PaginationLink: {
     ({ className, isActive, ...props }: PaginationLinkProps): import('react').JSX.Element;
     displayName: string;
 };
 /**
- * 前のページボタン
+ * Renders a previous-page Button with a chevron and fixed English text.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered PaginationPrevious composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the fixed icon and English Previous/Next label.
+ * @example
+ * ```tsx
+ * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log("Previous requested")} /></PaginationItem><PaginationItem><PaginationLink href="?page=1" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log("Next requested")} /></PaginationItem></PaginationContent></Pagination>);
+ * }
+ * ```
  */
 declare const PaginationPrevious: import('react').ForwardRefExoticComponent<Omit<Omit<import('./button-components.js').ButtonProps, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
 /**
- * 次のページボタン
+ * Renders a next-page Button with a chevron and fixed English text.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered PaginationNext composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the fixed icon and English Previous/Next label.
+ * @example
+ * ```tsx
+ * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log("Previous requested")} /></PaginationItem><PaginationItem><PaginationLink href="?page=1" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log("Next requested")} /></PaginationItem></PaginationContent></Pagination>);
+ * }
+ * ```
  */
 declare const PaginationNext: import('react').ForwardRefExoticComponent<Omit<Omit<import('./button-components.js').ButtonProps, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
 /**
- * 省略記号（...）
+ * Renders a decorative omitted-pages marker.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered PaginationEllipsis composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology.
+ * @example
+ * ```tsx
+ * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log("Previous requested")} /></PaginationItem><PaginationItem><PaginationLink href="?page=1" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log("Next requested")} /></PaginationItem></PaginationContent></Pagination>);
+ * }
+ * ```
  */
 declare const PaginationEllipsis: {
     ({ className, ...props }: ComponentPropsWithoutRef<"span">): import('react').JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":["Pagination","forwardRef","props","cn","className","PaginationContent","PaginationItem","PaginationLink","isActive","PaginationPrevious","Button","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","MoreHorizontal"],"sources":["../../../../src/ui/components/ui/pagination.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ComponentRef } from 'react';\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Button } from './button';\n\n/**\n * ページネーションのルートコンテナ\n */\nconst Pagination = forwardRef<ComponentRef<'nav'>, ComponentPropsWithoutRef<'nav'>>(\n  ({ className, ...props }, ref) => (\n    <nav\n      ref={ref}\n      role='navigation'\n      aria-label='pagination'\n      className={cn('mx-auto flex w-full justify-center', className)}\n      {...props}\n    />\n  ),\n);\nPagination.displayName = 'Pagination';\n\n/**\n * ページネーションアイテムのコンテナ\n */\nconst PaginationContent = forwardRef<ComponentRef<'ul'>, ComponentPropsWithoutRef<'ul'>>(\n  ({ className, ...props }, ref) => (\n    <ul ref={ref} className={cn('flex flex-row items-center gap-1', className)} {...props} />\n  ),\n);\nPaginationContent.displayName = 'PaginationContent';\n\n/**\n * 個別のページネーションアイテム\n */\nconst PaginationItem = forwardRef<ComponentRef<'li'>, ComponentPropsWithoutRef<'li'>>(\n  ({ className, ...props }, ref) => <li ref={ref} className={cn('', className)} {...props} />,\n);\nPaginationItem.displayName = 'PaginationItem';\n\ntype PaginationLinkProps = ComponentPropsWithoutRef<'a'> & {\n  isActive?: boolean;\n};\n\n/**\n * ページ番号リンク\n */\nconst PaginationLink = ({ className, isActive, ...props }: PaginationLinkProps) => (\n  <a\n    aria-current={isActive ? 'page' : undefined}\n    className={cn(\n      'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n      isActive || 'hover:bg-accent hover:text-accent-foreground',\n      isActive && 'bg-accent text-accent-foreground',\n      className,\n    )}\n    {...props}\n  />\n);\nPaginationLink.displayName = 'PaginationLink';\n\n/**\n * 前のページボタン\n */\nconst PaginationPrevious = forwardRef<\n  ComponentRef<typeof Button>,\n  ComponentPropsWithoutRef<typeof Button>\n>(({ className, ...props }, ref) => (\n  <Button\n    ref={ref}\n    aria-label='Go to previous page'\n    size='default'\n    variant='ghost'\n    className={cn('gap-1 pl-2.5', className)}\n    {...props}\n  >\n    <ChevronLeft className='h-4 w-4' />\n    <span>Previous</span>\n  </Button>\n));\nPaginationPrevious.displayName = 'PaginationPrevious';\n\n/**\n * 次のページボタン\n */\nconst PaginationNext = forwardRef<\n  ComponentRef<typeof Button>,\n  ComponentPropsWithoutRef<typeof Button>\n>(({ className, ...props }, ref) => (\n  <Button\n    ref={ref}\n    aria-label='Go to next page'\n    size='default'\n    variant='ghost'\n    className={cn('gap-1 pr-2.5', className)}\n    {...props}\n  >\n    <span>Next</span>\n    <ChevronRight className='h-4 w-4' />\n  </Button>\n));\nPaginationNext.displayName = 'PaginationNext';\n\n/**\n * 省略記号（...）\n */\nconst PaginationEllipsis = ({ className, ...props }: ComponentPropsWithoutRef<'span'>) => (\n  <span\n    aria-hidden\n    className={cn('flex h-9 w-9 items-center justify-center', className)}\n    {...props}\n  >\n    <MoreHorizontal className='h-4 w-4' />\n    <span className='sr-only'>More pages</span>\n  </span>\n);\nPaginationEllipsis.displayName = 'PaginationEllipsis';\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n};\n"],"mappings":";;;;;;;AASA,IAAMA,IAAaC,GAChB,EAAE,cAAW,GAAGC,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,MAAK;CACL,cAAW;CACX,WAAWC,EAAG,sCAAsCC,CAAS;CAC7D,GAAIF;AACL,CAAA,CAEL;AACA,EAAW,cAAc;AAKzB,IAAMG,IAAoBJ,GACvB,EAAE,cAAW,GAAGC,KAAS,MACxB,kBAAC,MAAD;CAAS;CAAK,WAAWC,EAAG,oCAAoCC,CAAS;CAAG,GAAIF;AAAQ,CAAA,CAE5F;AACA,EAAkB,cAAc;AAKhC,IAAMI,IAAiBL,GACpB,EAAE,cAAW,GAAGC,KAAS,MAAQ,kBAAC,MAAD;CAAS;CAAK,WAAWC,EAAG,IAAIC,CAAS;CAAG,GAAIF;AAAQ,CAAA,CAC5F;AACA,EAAe,cAAc;AAS7B,IAAMK,KAAkB,EAAE,cAAW,aAAU,GAAGL,QAChD,kBAAC,KAAD;CACE,gBAAcM,IAAW,SAAS,KAAA;CAClC,WAAWL,EACT,0RACAK,KAAY,gDACZA,KAAY,oCACZJ,CACF;CACA,GAAIF;AACL,CAAA;AAEH,EAAe,cAAc;AAK7B,IAAMO,IAAqBR,GAGxB,EAAE,cAAW,GAAGC,KAAS,MAC1B,kBAACQ,GAAD;CACO;CACL,cAAW;CACX,MAAK;CACL,SAAQ;CACR,WAAWP,EAAG,gBAAgBC,CAAS;CACvC,GAAIF;CANN,UAAA,CAQE,kBAACS,GAAD,EAAa,WAAU,UAAW,CAAA,GAClC,kBAAC,QAAD,EAAA,UAAM,WAAc,CAAA,CACd;AACT,CAAA,CAAA;AACD,EAAmB,cAAc;AAKjC,IAAMC,IAAiBX,GAGpB,EAAE,cAAW,GAAGC,KAAS,MAC1B,kBAACQ,GAAD;CACO;CACL,cAAW;CACX,MAAK;CACL,SAAQ;CACR,WAAWP,EAAG,gBAAgBC,CAAS;CACvC,GAAIF;CANN,UAAA,CAQE,kBAAC,QAAD,EAAA,UAAM,OAAU,CAAA,GAChB,kBAACW,GAAD,EAAc,WAAU,UAAW,CAAA,CAC7B;AACT,CAAA,CAAA;AACD,EAAe,cAAc;AAK7B,IAAMC,KAAsB,EAAE,cAAW,GAAGZ,QAC1C,kBAAC,QAAD;CACE,eAAA;CACA,WAAWC,EAAG,4CAA4CC,CAAS;CACnE,GAAIF;CAHN,UAAA,CAKE,kBAACa,GAAD,EAAgB,WAAU,UAAW,CAAA,GACrC,kBAAC,QAAD;EAAM,WAAU;EAAU,UAAA;CAAgB,CAAA,CACtC;;AAER,EAAmB,cAAc"}
+{"version":3,"file":"pagination.js","names":["Pagination","forwardRef","props","cn","className","PaginationContent","PaginationItem","PaginationLink","isActive","PaginationPrevious","Button","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","MoreHorizontal"],"sources":["../../../../src/ui/components/ui/pagination.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ComponentRef } from 'react';\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Button } from './button';\n\n/**\n * Renders the navigation landmark containing host-managed page controls.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered Pagination composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nconst Pagination = forwardRef<ComponentRef<'nav'>, ComponentPropsWithoutRef<'nav'>>(\n  ({ className, ...props }, ref) => (\n    <nav\n      ref={ref}\n      role='navigation'\n      aria-label='pagination'\n      className={cn('mx-auto flex w-full justify-center', className)}\n      {...props}\n    />\n  ),\n);\nPagination.displayName = 'Pagination';\n\n/**\n * Lays out pagination items in a horizontal unordered list.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PaginationContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nconst PaginationContent = forwardRef<ComponentRef<'ul'>, ComponentPropsWithoutRef<'ul'>>(\n  ({ className, ...props }, ref) => (\n    <ul ref={ref} className={cn('flex flex-row items-center gap-1', className)} {...props} />\n  ),\n);\nPaginationContent.displayName = 'PaginationContent';\n\n/**\n * Renders one pagination list item.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PaginationItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nconst PaginationItem = forwardRef<ComponentRef<'li'>, ComponentPropsWithoutRef<'li'>>(\n  ({ className, ...props }, ref) => <li ref={ref} className={cn('', className)} {...props} />,\n);\nPaginationItem.displayName = 'PaginationItem';\n\n/**\n * Native anchor attributes and current-page styling for PaginationLink.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see PaginationLink\n */\ntype PaginationLinkProps = ComponentPropsWithoutRef<'a'> & {\n  /**\n   * Adds current-page styling and aria-current=page when true; absent means inactive.\n   */\n  isActive?: boolean;\n};\n\n/**\n * Renders a page anchor with optional current-page styling and aria-current.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PaginationLink composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nconst PaginationLink = ({ className, isActive, ...props }: PaginationLinkProps) => (\n  <a\n    aria-current={isActive ? 'page' : undefined}\n    className={cn(\n      'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n      isActive || 'hover:bg-accent hover:text-accent-foreground',\n      isActive && 'bg-accent text-accent-foreground',\n      className,\n    )}\n    {...props}\n  />\n);\nPaginationLink.displayName = 'PaginationLink';\n\n/**\n * Renders a previous-page Button with a chevron and fixed English text.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PaginationPrevious composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the fixed icon and English Previous/Next label.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nconst PaginationPrevious = forwardRef<\n  ComponentRef<typeof Button>,\n  ComponentPropsWithoutRef<typeof Button>\n>(({ className, ...props }, ref) => (\n  <Button\n    ref={ref}\n    aria-label='Go to previous page'\n    size='default'\n    variant='ghost'\n    className={cn('gap-1 pl-2.5', className)}\n    {...props}\n  >\n    <ChevronLeft className='h-4 w-4' />\n    <span>Previous</span>\n  </Button>\n));\nPaginationPrevious.displayName = 'PaginationPrevious';\n\n/**\n * Renders a next-page Button with a chevron and fixed English text.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PaginationNext composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology. The ref prop forwards to the rendered control or container declared by the component ref type.  children are replaced by the fixed icon and English Previous/Next label.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nconst PaginationNext = forwardRef<\n  ComponentRef<typeof Button>,\n  ComponentPropsWithoutRef<typeof Button>\n>(({ className, ...props }, ref) => (\n  <Button\n    ref={ref}\n    aria-label='Go to next page'\n    size='default'\n    variant='ghost'\n    className={cn('gap-1 pr-2.5', className)}\n    {...props}\n  >\n    <span>Next</span>\n    <ChevronRight className='h-4 w-4' />\n  </Button>\n));\nPaginationNext.displayName = 'PaginationNext';\n\n/**\n * Renders a decorative omitted-pages marker.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PaginationEllipsis composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The host owns page state, destinations, loading and boundary disabling. Previous/Next are Buttons rather than anchors; use onClick or Base UI render composition. isActive defaults to false/absent and only adds aria-current and styling. Ellipsis is hidden from assistive technology.\n * @example\n * ```tsx\n * import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Pagination><PaginationContent><PaginationItem><PaginationPrevious onClick={() => console.log(\"Previous requested\")} /></PaginationItem><PaginationItem><PaginationLink href=\"?page=1\" isActive>1</PaginationLink></PaginationItem><PaginationItem><PaginationEllipsis /></PaginationItem><PaginationItem><PaginationNext onClick={() => console.log(\"Next requested\")} /></PaginationItem></PaginationContent></Pagination>);\n * }\n * ```\n */\nconst PaginationEllipsis = ({ className, ...props }: ComponentPropsWithoutRef<'span'>) => (\n  <span\n    aria-hidden\n    className={cn('flex h-9 w-9 items-center justify-center', className)}\n    {...props}\n  >\n    <MoreHorizontal className='h-4 w-4' />\n    <span className='sr-only'>More pages</span>\n  </span>\n);\nPaginationEllipsis.displayName = 'PaginationEllipsis';\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n};\n"],"mappings":";;;;;;;AAqBA,IAAMA,IAAaC,GAChB,EAAE,cAAW,GAAGC,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,MAAK;CACL,cAAW;CACX,WAAWC,EAAG,sCAAsCC,CAAS;CAC7D,GAAIF;AACL,CAAA,CAEL;AACA,EAAW,cAAc;AAiBzB,IAAMG,IAAoBJ,GACvB,EAAE,cAAW,GAAGC,KAAS,MACxB,kBAAC,MAAD;CAAS;CAAK,WAAWC,EAAG,oCAAoCC,CAAS;CAAG,GAAIF;AAAQ,CAAA,CAE5F;AACA,EAAkB,cAAc;AAiBhC,IAAMI,IAAiBL,GACpB,EAAE,cAAW,GAAGC,KAAS,MAAQ,kBAAC,MAAD;CAAS;CAAK,WAAWC,EAAG,IAAIC,CAAS;CAAG,GAAIF;AAAQ,CAAA,CAC5F;AACA,EAAe,cAAc;AA6B7B,IAAMK,KAAkB,EAAE,cAAW,aAAU,GAAGL,QAChD,kBAAC,KAAD;CACE,gBAAcM,IAAW,SAAS,KAAA;CAClC,WAAWL,EACT,0RACAK,KAAY,gDACZA,KAAY,oCACZJ,CACF;CACA,GAAIF;AACL,CAAA;AAEH,EAAe,cAAc;AAiB7B,IAAMO,IAAqBR,GAGxB,EAAE,cAAW,GAAGC,KAAS,MAC1B,kBAACQ,GAAD;CACO;CACL,cAAW;CACX,MAAK;CACL,SAAQ;CACR,WAAWP,EAAG,gBAAgBC,CAAS;CACvC,GAAIF;CANN,UAAA,CAQE,kBAACS,GAAD,EAAa,WAAU,UAAW,CAAA,GAClC,kBAAC,QAAD,EAAA,UAAM,WAAc,CAAA,CACd;AACT,CAAA,CAAA;AACD,EAAmB,cAAc;AAiBjC,IAAMC,IAAiBX,GAGpB,EAAE,cAAW,GAAGC,KAAS,MAC1B,kBAACQ,GAAD;CACO;CACL,cAAW;CACX,MAAK;CACL,SAAQ;CACR,WAAWP,EAAG,gBAAgBC,CAAS;CACvC,GAAIF;CANN,UAAA,CAQE,kBAAC,QAAD,EAAA,UAAM,OAAU,CAAA,GAChB,kBAACW,GAAD,EAAc,WAAU,UAAW,CAAA,CAC7B;AACT,CAAA,CAAA;AACD,EAAe,cAAc;AAiB7B,IAAMC,KAAsB,EAAE,cAAW,GAAGZ,QAC1C,kBAAC,QAAD;CACE,eAAA;CACA,WAAWC,EAAG,4CAA4CC,CAAS;CACnE,GAAIF;CAHN,UAAA,CAKE,kBAACa,GAAD,EAAgB,WAAU,UAAW,CAAA,GACrC,kBAAC,QAAD;EAAM,WAAU;EAAU,UAAA;CAAgB,CAAA,CACtC;;AAER,EAAmB,cAAc"}

package/dist/ui/components/ui/password-input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"password-input.cjs","names":["React","Input","cn","EyeOff","Eye","require_runtime","require_ui_lib_utils","require_ui_components_ui_input","react_jsx_runtime","react","lucide_react","PasswordInput","props","showPassword","setShowPassword","className","prev"],"sources":["../../../../src/ui/components/ui/password-input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Eye, EyeOff } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Input, type InputProps } from './input';\n\n/**\n * PasswordInput コンポーネント\n *\n * パスワード表示/非表示の切り替え機能がついた入力フィールドです。\n * 右側に Eye/EyeOff アイコンが表示され、クリックすることで type 属性が\n * \"password\" と \"text\" の間で切り替わります。\n *\n * @example\n * ```tsx\n * <PasswordInput placeholder=\"パスワードを入力\" />\n * ```\n */\nconst PasswordInput = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, ...props }, ref) => {\n    const [showPassword, setShowPassword] = React.useState(false);\n\n    return (\n      <div className='relative'>\n        <Input\n          type={showPassword ? 'text' : 'password'}\n          className={cn('pr-10', className)}\n          ref={ref}\n          {...props}\n        />\n        <button\n          type='button'\n          onClick={() => setShowPassword((prev) => !prev)}\n          className='absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent'\n          aria-pressed={showPassword}\n          disabled={props.disabled}\n        >\n          {showPassword ? (\n            <EyeOff className='h-4 w-4 text-muted-foreground' aria-hidden='true' />\n          ) : (\n            <Eye className='h-4 w-4 text-muted-foreground' aria-hidden='true' />\n          )}\n          <span className='sr-only'>{showPassword ? 'Hide password' : 'Show password'}</span>\n        </button>\n      </div>\n    );\n  },\n);\nPasswordInput.displayName = 'PasswordInput';\n\nexport { PasswordInput };\n"],"mappings":"A,0SAkBA,IAAMW,EAAgBX,EAAM,YACzB,CAAE,YAAW,GAAGY,GAAS,IAAQ,CAChC,GAAM,CAACC,EAAcC,GAAmBd,EAAM,SAAS,EAAK,EAE5D,OACE,EAAAQ,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,WAAf,SAAA,EACE,EAAAA,EAAA,IAAA,CAACP,EAAAA,MAAD,CACE,KAAMY,EAAe,OAAS,WAC9B,UAAWX,EAAAA,GAAG,QAASa,CAAS,EAC3B,MACL,GAAIH,CACL,CAAA,GACD,EAAAJ,EAAA,KAAA,CAAC,SAAD,CACE,KAAK,SACL,YAAeM,EAAiB,GAAS,CAACE,CAAI,EAC9C,UAAU,+DACV,eAAcH,EACd,SAAUD,EAAM,SALlB,SAAA,CAOGC,GACC,EAAAL,EAAA,IAAA,CAACL,EAAAA,OAAD,CAAQ,UAAU,gCAAgC,cAAY,MAAQ,CAAA,GAEtE,EAAAK,EAAA,IAAA,CAACJ,EAAAA,IAAD,CAAK,UAAU,gCAAgC,cAAY,MAAQ,CAAA,GAErE,EAAAI,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,UAAW,SAAAK,EAAe,gBAAkB,eAAsB,CAAA,CAC5E,CACL,CAAA,CAAA,C,EAET,CACF,EACA,EAAc,YAAc,gB"}
+{"version":3,"file":"password-input.cjs","names":["React","Input","cn","EyeOff","Eye","require_runtime","require_ui_lib_utils","require_ui_components_ui_input","react_jsx_runtime","react","lucide_react","PasswordInput","props","showPassword","setShowPassword","className","prev"],"sources":["../../../../src/ui/components/ui/password-input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Eye, EyeOff } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Input, type InputProps } from './input';\n\n/**\n * Wraps Input with a local visibility toggle that switches password/text presentation.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PasswordInput composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The ref targets the input, className styles the input, and the toggle starts hidden (type=password). Caller props spread after the computed type can override it. disabled also disables the toggle; readOnly does not. Visibility state is local and does not validate, authenticate or store credentials. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { PasswordInput, Label } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<><Label htmlFor=\"password\">Password</Label><PasswordInput id=\"password\" autoComplete=\"current-password\" /></>);\n * }\n * ```\n */\nconst PasswordInput = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, ...props }, ref) => {\n    const [showPassword, setShowPassword] = React.useState(false);\n\n    return (\n      <div className='relative'>\n        <Input\n          type={showPassword ? 'text' : 'password'}\n          className={cn('pr-10', className)}\n          ref={ref}\n          {...props}\n        />\n        <button\n          type='button'\n          onClick={() => setShowPassword((prev) => !prev)}\n          className='absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent'\n          aria-pressed={showPassword}\n          disabled={props.disabled}\n        >\n          {showPassword ? (\n            <EyeOff className='h-4 w-4 text-muted-foreground' aria-hidden='true' />\n          ) : (\n            <Eye className='h-4 w-4 text-muted-foreground' aria-hidden='true' />\n          )}\n          <span className='sr-only'>{showPassword ? 'Hide password' : 'Show password'}</span>\n        </button>\n      </div>\n    );\n  },\n);\nPasswordInput.displayName = 'PasswordInput';\n\nexport { PasswordInput };\n"],"mappings":"A,0SAqBA,IAAMW,EAAgBX,EAAM,YACzB,CAAE,YAAW,GAAGY,GAAS,IAAQ,CAChC,GAAM,CAACC,EAAcC,GAAmBd,EAAM,SAAS,EAAK,EAE5D,OACE,EAAAQ,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,WAAf,SAAA,EACE,EAAAA,EAAA,IAAA,CAACP,EAAAA,MAAD,CACE,KAAMY,EAAe,OAAS,WAC9B,UAAWX,EAAAA,GAAG,QAASa,CAAS,EAC3B,MACL,GAAIH,CACL,CAAA,GACD,EAAAJ,EAAA,KAAA,CAAC,SAAD,CACE,KAAK,SACL,YAAeM,EAAiB,GAAS,CAACE,CAAI,EAC9C,UAAU,+DACV,eAAcH,EACd,SAAUD,EAAM,SALlB,SAAA,CAOGC,GACC,EAAAL,EAAA,IAAA,CAACL,EAAAA,OAAD,CAAQ,UAAU,gCAAgC,cAAY,MAAQ,CAAA,GAEtE,EAAAK,EAAA,IAAA,CAACJ,EAAAA,IAAD,CAAK,UAAU,gCAAgC,cAAY,MAAQ,CAAA,GAErE,EAAAI,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,UAAW,SAAAK,EAAe,gBAAkB,eAAsB,CAAA,CAC5E,CACL,CAAA,CAAA,C,EAET,CACF,EACA,EAAc,YAAc,gB"}

package/dist/ui/components/ui/password-input.d.cts

@@ -1,15 +1,18 @@
 import { InputProps } from './input.cjs';
 import * as React from 'react';
 /**
- * PasswordInput コンポーネント
- *
- * パスワード表示/非表示の切り替え機能がついた入力フィールドです。
- * 右側に Eye/EyeOff アイコンが表示され、クリックすることで type 属性が
- * "password" と "text" の間で切り替わります。
- *
+ * Wraps Input with a local visibility toggle that switches password/text presentation.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered PasswordInput composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. The ref targets the input, className styles the input, and the toggle starts hidden (type=password). Caller props spread after the computed type can override it. disabled also disables the toggle; readOnly does not. Visibility state is local and does not validate, authenticate or store credentials. The ref prop forwards to the rendered control or container declared by the component ref type.
  * @example
  * ```tsx
- * <PasswordInput placeholder="パスワードを入力" />
+ * import { PasswordInput, Label } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<><Label htmlFor="password">Password</Label><PasswordInput id="password" autoComplete="current-password" /></>);
+ * }
  * ```
  */
 declare const PasswordInput: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/ui/components/ui/password-input.d.ts

@@ -1,15 +1,18 @@
 import { InputProps } from './input.js';
 import * as React from 'react';
 /**
- * PasswordInput コンポーネント
- *
- * パスワード表示/非表示の切り替え機能がついた入力フィールドです。
- * 右側に Eye/EyeOff アイコンが表示され、クリックすることで type 属性が
- * "password" と "text" の間で切り替わります。
- *
+ * Wraps Input with a local visibility toggle that switches password/text presentation.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered PasswordInput composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. The ref targets the input, className styles the input, and the toggle starts hidden (type=password). Caller props spread after the computed type can override it. disabled also disables the toggle; readOnly does not. Visibility state is local and does not validate, authenticate or store credentials. The ref prop forwards to the rendered control or container declared by the component ref type.
  * @example
  * ```tsx
- * <PasswordInput placeholder="パスワードを入力" />
+ * import { PasswordInput, Label } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<><Label htmlFor="password">Password</Label><PasswordInput id="password" autoComplete="current-password" /></>);
+ * }
  * ```
  */
 declare const PasswordInput: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/ui/components/ui/password-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"password-input.js","names":["React","React$1","PasswordInput","props","showPassword","setShowPassword","Input","cn","className","prev","jsx","EyeOff","Eye"],"sources":["../../../../src/ui/components/ui/password-input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Eye, EyeOff } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Input, type InputProps } from './input';\n\n/**\n * PasswordInput コンポーネント\n *\n * パスワード表示/非表示の切り替え機能がついた入力フィールドです。\n * 右側に Eye/EyeOff アイコンが表示され、クリックすることで type 属性が\n * \"password\" と \"text\" の間で切り替わります。\n *\n * @example\n * ```tsx\n * <PasswordInput placeholder=\"パスワードを入力\" />\n * ```\n */\nconst PasswordInput = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, ...props }, ref) => {\n    const [showPassword, setShowPassword] = React.useState(false);\n\n    return (\n      <div className='relative'>\n        <Input\n          type={showPassword ? 'text' : 'password'}\n          className={cn('pr-10', className)}\n          ref={ref}\n          {...props}\n        />\n        <button\n          type='button'\n          onClick={() => setShowPassword((prev) => !prev)}\n          className='absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent'\n          aria-pressed={showPassword}\n          disabled={props.disabled}\n        >\n          {showPassword ? (\n            <EyeOff className='h-4 w-4 text-muted-foreground' aria-hidden='true' />\n          ) : (\n            <Eye className='h-4 w-4 text-muted-foreground' aria-hidden='true' />\n          )}\n          <span className='sr-only'>{showPassword ? 'Hide password' : 'Show password'}</span>\n        </button>\n      </div>\n    );\n  },\n);\nPasswordInput.displayName = 'PasswordInput';\n\nexport { PasswordInput };\n"],"mappings":";;;;;;;AAkBA,IAAME,IAAgBF,EAAM,YACzB,EAAE,cAAW,GAAGG,KAAS,MAAQ;CAChC,IAAM,CAACC,GAAcC,KAAmBL,EAAM,SAAS,EAAK;CAE5D,OACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,kBAACM,GAAD;GACE,MAAMF,IAAe,SAAS;GAC9B,WAAWG,EAAG,SAASC,CAAS;GAC3B;GACL,GAAIL;EACL,CAAA,GACD,kBAAC,UAAD;GACE,MAAK;GACL,eAAeE,GAAiB,MAAS,CAACI,CAAI;GAC9C,WAAU;GACV,gBAAcL;GACd,UAAUD,EAAM;GALlB,UAAA,CAQIO,EADDN,IACEO,IAEAC,GAFD;IAAQ,WAAU;IAAgC,eAAY;GAAQ,CAEH,GAErE,kBAAC,QAAD;IAAM,WAAU;IAAW,UAAAR,IAAe,kBAAkB;GAAsB,CAAA,CAC5E;EACL,CAAA,CAAA;;AAET,CACF;AACA,EAAc,cAAc"}
+{"version":3,"file":"password-input.js","names":["React","React$1","PasswordInput","props","showPassword","setShowPassword","Input","cn","className","prev","jsx","EyeOff","Eye"],"sources":["../../../../src/ui/components/ui/password-input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Eye, EyeOff } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Input, type InputProps } from './input';\n\n/**\n * Wraps Input with a local visibility toggle that switches password/text presentation.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PasswordInput composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The ref targets the input, className styles the input, and the toggle starts hidden (type=password). Caller props spread after the computed type can override it. disabled also disables the toggle; readOnly does not. Visibility state is local and does not validate, authenticate or store credentials. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { PasswordInput, Label } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<><Label htmlFor=\"password\">Password</Label><PasswordInput id=\"password\" autoComplete=\"current-password\" /></>);\n * }\n * ```\n */\nconst PasswordInput = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, ...props }, ref) => {\n    const [showPassword, setShowPassword] = React.useState(false);\n\n    return (\n      <div className='relative'>\n        <Input\n          type={showPassword ? 'text' : 'password'}\n          className={cn('pr-10', className)}\n          ref={ref}\n          {...props}\n        />\n        <button\n          type='button'\n          onClick={() => setShowPassword((prev) => !prev)}\n          className='absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent'\n          aria-pressed={showPassword}\n          disabled={props.disabled}\n        >\n          {showPassword ? (\n            <EyeOff className='h-4 w-4 text-muted-foreground' aria-hidden='true' />\n          ) : (\n            <Eye className='h-4 w-4 text-muted-foreground' aria-hidden='true' />\n          )}\n          <span className='sr-only'>{showPassword ? 'Hide password' : 'Show password'}</span>\n        </button>\n      </div>\n    );\n  },\n);\nPasswordInput.displayName = 'PasswordInput';\n\nexport { PasswordInput };\n"],"mappings":";;;;;;;AAqBA,IAAME,IAAgBF,EAAM,YACzB,EAAE,cAAW,GAAGG,KAAS,MAAQ;CAChC,IAAM,CAACC,GAAcC,KAAmBL,EAAM,SAAS,EAAK;CAE5D,OACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,kBAACM,GAAD;GACE,MAAMF,IAAe,SAAS;GAC9B,WAAWG,EAAG,SAASC,CAAS;GAC3B;GACL,GAAIL;EACL,CAAA,GACD,kBAAC,UAAD;GACE,MAAK;GACL,eAAeE,GAAiB,MAAS,CAACI,CAAI;GAC9C,WAAU;GACV,gBAAcL;GACd,UAAUD,EAAM;GALlB,UAAA,CAQIO,EADDN,IACEO,IAEAC,GAFD;IAAQ,WAAU;IAAgC,eAAY;GAAQ,CAEH,GAErE,kBAAC,QAAD;IAAM,WAAU;IAAW,UAAAR,IAAe,kBAAkB;GAAsB,CAAA,CAC5E;EACL,CAAA,CAAA;;AAET,CACF;AACA,EAAc,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"popover.cjs","names":["PopoverPrimitive","React","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","_base_ui_react_popover","Popover","props","PopoverTrigger","PopoverContent","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":"A,wSAUA,SAASQ,EAAQ,CAAE,GAAGC,GAAsC,CAC1D,OAAO,EAAAJ,EAAA,IAAA,CAACL,EAAAA,QAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAIS,CAAQ,CAAA,CAChE,CAKA,SAASC,EAAe,CACtB,WACA,GAAGD,GAC8B,CACjC,OACE,EAAAJ,EAAA,IAAA,CAACL,EAAAA,QAAiB,QAAlB,CACE,YAAU,kBACV,GAAIS,EAEH,UACuB,CAAA,CAE9B,CAEA,IAAME,EAAiBV,EAAM,YAMzB,CAAE,YAAW,QAAQ,SAAU,cAAc,EAAG,OAAO,SAAU,aAAa,EAAG,GAAGQ,GACpF,KAEA,EAAAJ,EAAA,IAAA,CAACL,EAAAA,QAAiB,OAAlB,CAAA,UACE,EAAAK,EAAA,IAAA,CAACL,EAAAA,QAAiB,WAAlB,CACS,QACM,cACP,OACM,aACZ,UAAU,eAEV,UAAA,EAAAK,EAAA,IAAA,CAACL,EAAAA,QAAiB,MAAlB,CACO,MACL,YAAU,kBACV,UAAWE,EAAAA,GACT,2dACAU,CACF,EACA,GAAIH,CACL,CAAA,CAC0B,CAAA,CACN,CAAA,CAE7B,EACA,EAAe,YAAcT,EAAAA,QAAiB,MAAM,YAEpD,IAAMa,EAAgBZ,EAAM,YACzB,CAAE,YAAW,GAAGQ,GAAS,KACxB,EAAAJ,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,iBACV,UAAWH,EAAAA,GAAG,gCAAiCU,CAAS,EACxD,GAAIH,CACL,CAAA,CAEL,EACA,EAAc,YAAc,gBAE5B,IAAMK,EAAeb,EAAM,YAGxB,CAAE,YAAW,GAAGQ,GAAS,KAC1B,EAAAJ,EAAA,IAAA,CAACL,EAAAA,QAAiB,MAAlB,CACO,MACL,YAAU,gBACV,UAAWE,EAAAA,GAAG,cAAeU,CAAS,EACtC,GAAIH,CACL,CAAA,CACF,EACD,EAAa,YAAcT,EAAAA,QAAiB,MAAM,YAElD,IAAMe,EAAqBd,EAAM,YAG9B,CAAE,YAAW,GAAGQ,GAAS,KAC1B,EAAAJ,EAAA,IAAA,CAACL,EAAAA,QAAiB,YAAlB,CACO,MACL,YAAU,sBACV,UAAWE,EAAAA,GAAG,wBAAyBU,CAAS,EAChD,GAAIH,CACL,CAAA,CACF,EACD,EAAmB,YAAcT,EAAAA,QAAiB,YAAY,Y"}
+{"version":3,"file":"popover.cjs","names":["PopoverPrimitive","React","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","_base_ui_react_popover","Popover","props","PopoverTrigger","PopoverContent","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":"A,wSAsBA,SAASQ,EAAQ,CAAE,GAAGC,GAAsC,CAC1D,OAAO,EAAAJ,EAAA,IAAA,CAACL,EAAAA,QAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAIS,CAAQ,CAAA,CAChE,CAiBA,SAASC,EAAe,CACtB,WACA,GAAGD,GAC8B,CACjC,OACE,EAAAJ,EAAA,IAAA,CAACL,EAAAA,QAAiB,QAAlB,CACE,YAAU,kBACV,GAAIS,EAEH,UACuB,CAAA,CAE9B,CAiBA,IAAME,EAAiBV,EAAM,YAMzB,CAAE,YAAW,QAAQ,SAAU,cAAc,EAAG,OAAO,SAAU,aAAa,EAAG,GAAGQ,GACpF,KAEA,EAAAJ,EAAA,IAAA,CAACL,EAAAA,QAAiB,OAAlB,CAAA,UACE,EAAAK,EAAA,IAAA,CAACL,EAAAA,QAAiB,WAAlB,CACS,QACM,cACP,OACM,aACZ,UAAU,eAEV,UAAA,EAAAK,EAAA,IAAA,CAACL,EAAAA,QAAiB,MAAlB,CACO,MACL,YAAU,kBACV,UAAWE,EAAAA,GACT,2dACAU,CACF,EACA,GAAIH,CACL,CAAA,CAC0B,CAAA,CACN,CAAA,CAE7B,EACA,EAAe,YAAcT,EAAAA,QAAiB,MAAM,YAiBpD,IAAMa,EAAgBZ,EAAM,YACzB,CAAE,YAAW,GAAGQ,GAAS,KACxB,EAAAJ,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,iBACV,UAAWH,EAAAA,GAAG,gCAAiCU,CAAS,EACxD,GAAIH,CACL,CAAA,CAEL,EACA,EAAc,YAAc,gBAiB5B,IAAMK,EAAeb,EAAM,YAGxB,CAAE,YAAW,GAAGQ,GAAS,KAC1B,EAAAJ,EAAA,IAAA,CAACL,EAAAA,QAAiB,MAAlB,CACO,MACL,YAAU,gBACV,UAAWE,EAAAA,GAAG,cAAeU,CAAS,EACtC,GAAIH,CACL,CAAA,CACF,EACD,EAAa,YAAcT,EAAAA,QAAiB,MAAM,YAiBlD,IAAMe,EAAqBd,EAAM,YAG9B,CAAE,YAAW,GAAGQ,GAAS,KAC1B,EAAAJ,EAAA,IAAA,CAACL,EAAAA,QAAiB,YAAlB,CACO,MACL,YAAU,sBACV,UAAWE,EAAAA,GAAG,wBAAyBU,CAAS,EAChD,GAAIH,CACL,CAAA,CACF,EACD,EAAmB,YAAcT,EAAAA,QAAiB,YAAY,Y"}