npm - @alneas/appkit-react - Versions diffs - 0.1.0 → 0.3.0 - Mend

@alneas/appkit-react 0.1.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1983) hide show

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

	@@ -1 +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"}
1	+ {"version":3,"file":"pagination.cjs","names":["cn","Button","ChevronLeft","ChevronRight","MoreHorizontal","require_ui_lib_utils","require_ui_components_ui_button_components","react_jsx_runtime","lucide_react","Pagination","props","className","PaginationContent","PaginationItem","PaginationLink","isActive","PaginationPrevious","PaginationNext","PaginationEllipsis"],"sources":["../../../../src/ui/components/ui/pagination.tsx"],"sourcesContent":["import { type PropsWithoutRef, type RefAttributes, 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 /\nfunction Pagination({\n ref,\n className,\n ...props\n}: PropsWithoutRef<ComponentPropsWithoutRef<'nav'>> & RefAttributes<ComponentRef<'nav'>>) {\n return (\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 /\nfunction PaginationContent({\n ref,\n className,\n ...props\n}: PropsWithoutRef<ComponentPropsWithoutRef<'ul'>> & RefAttributes<ComponentRef<'ul'>>) {\n return <ul ref={ref} className={cn('flex flex-row items-center gap-1', className)} {...props} />;\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 /\nfunction PaginationItem({\n ref,\n className,\n ...props\n}: PropsWithoutRef<ComponentPropsWithoutRef<'li'>> & RefAttributes<ComponentRef<'li'>>) {\n return <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 /\nfunction PaginationPrevious({\n ref,\n className,\n ...props\n}: PropsWithoutRef<ComponentPropsWithoutRef<typeof Button>> &\n RefAttributes<ComponentRef<typeof Button>>) {\n return (\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 );\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 /\nfunction PaginationNext({\n ref,\n className,\n ...props\n}: PropsWithoutRef<ComponentPropsWithoutRef<typeof Button>> &\n RefAttributes<ComponentRef<typeof Button>>) {\n return (\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 );\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,yNAqBA,SAASS,EAAW,CAClB,MACA,YACA,GAAGC,GACqF,CACxF,OACE,EAAAH,EAAA,IAAA,CAAC,MAAD,CACO,MACL,KAAK,aACL,aAAW,aACX,UAAWP,EAAAA,GAAG,qCAAsCW,CAAS,EAC7D,GAAID,CACL,CAAA,CAEL,CACA,EAAW,YAAc,aAiBzB,SAASE,EAAkB,CACzB,MACA,YACA,GAAGF,GACmF,CACtF,OAAO,EAAAH,EAAA,IAAA,CAAC,KAAD,CAAS,MAAK,UAAWP,EAAAA,GAAG,mCAAoCW,CAAS,EAAG,GAAID,CAAQ,CAAA,CACjG,CACA,EAAkB,YAAc,oBAiBhC,SAASG,EAAe,CACtB,MACA,YACA,GAAGH,GACmF,CACtF,OAAO,EAAAH,EAAA,IAAA,CAAC,KAAD,CAAS,MAAK,UAAWP,EAAAA,GAAG,GAAIW,CAAS,EAAG,GAAID,CAAQ,CAAA,CACjE,CACA,EAAe,YAAc,iBA6B7B,IAAMI,GAAkB,CAAE,YAAW,WAAU,GAAGJ,MAChD,EAAAH,EAAA,IAAA,CAAC,IAAD,CACE,eAAcQ,EAAW,OAAS,IAAA,GAClC,UAAWf,EAAAA,GACT,yRACAe,GAAY,+CACZA,GAAY,mCACZJ,CACF,EACA,GAAID,CACL,CAAA,EAEH,EAAe,YAAc,iBAiB7B,SAASM,EAAmB,CAC1B,MACA,YACA,GAAGN,GAEyC,CAC5C,OACE,EAAAH,EAAA,KAAA,CAACN,EAAAA,OAAD,CACO,MACL,aAAW,sBACX,KAAK,UACL,QAAQ,QACR,UAAWD,EAAAA,GAAG,eAAgBW,CAAS,EACvC,GAAID,EANN,SAAA,EAQE,EAAAH,EAAA,IAAA,CAACL,EAAAA,YAAD,CAAa,UAAU,SAAW,CAAA,GAClC,EAAAK,EAAA,IAAA,CAAC,OAAD,CAAA,SAAM,UAAc,CAAA,CACd,C,EAEZ,CACA,EAAmB,YAAc,qBAiBjC,SAASU,EAAe,CACtB,MACA,YACA,GAAGP,GAEyC,CAC5C,OACE,EAAAH,EAAA,KAAA,CAACN,EAAAA,OAAD,CACO,MACL,aAAW,kBACX,KAAK,UACL,QAAQ,QACR,UAAWD,EAAAA,GAAG,eAAgBW,CAAS,EACvC,GAAID,EANN,SAAA,EAQE,EAAAH,EAAA,IAAA,CAAC,OAAD,CAAA,SAAM,MAAU,CAAA,GAChB,EAAAA,EAAA,IAAA,CAACJ,EAAAA,aAAD,CAAc,UAAU,SAAW,CAAA,CAC7B,C,EAEZ,CACA,EAAe,YAAc,iBAiB7B,IAAMe,GAAsB,CAAE,YAAW,GAAGR,MAC1C,EAAAH,EAAA,KAAA,CAAC,OAAD,CACE,cAAA,GACA,UAAWP,EAAAA,GAAG,2CAA4CW,CAAS,EACnE,GAAID,EAHN,SAAA,EAKE,EAAAH,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 CHANGED Viewed

@@ -1,36 +1,144 @@
-import { ComponentPropsWithoutRef } from 'react';
+import { PropsWithoutRef, RefAttributes, ComponentPropsWithoutRef, ComponentRef } from 'react';
+import { Button } from './button.cjs';
 /**
- * ページネーションのルートコンテナ
+ * 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>>;
+declare function Pagination({ ref, className, ...props }: PropsWithoutRef<ComponentPropsWithoutRef<'nav'>> & RefAttributes<ComponentRef<'nav'>>): import('react').JSX.Element;
+declare namespace Pagination {
+    var displayName: string;
+}
 /**
- * ページネーションアイテムのコンテナ
+ * 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>>;
+declare function PaginationContent({ ref, className, ...props }: PropsWithoutRef<ComponentPropsWithoutRef<'ul'>> & RefAttributes<ComponentRef<'ul'>>): import('react').JSX.Element;
+declare namespace PaginationContent {
+    var displayName: string;
+}
 /**
- * 個別のページネーションアイテム
+ * 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 function PaginationItem({ ref, className, ...props }: PropsWithoutRef<ComponentPropsWithoutRef<'li'>> & RefAttributes<ComponentRef<'li'>>): import('react').JSX.Element;
+declare namespace PaginationItem {
+    var displayName: string;
+}
+/**
+ * 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
  */
-declare const PaginationItem: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
 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>>;
+declare function PaginationPrevious({ ref, className, ...props }: PropsWithoutRef<ComponentPropsWithoutRef<typeof Button>> & RefAttributes<ComponentRef<typeof Button>>): import('react').JSX.Element;
+declare namespace PaginationPrevious {
+    var displayName: string;
+}
 /**
- * 次のページボタン
+ * 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>>;
+declare function PaginationNext({ ref, className, ...props }: PropsWithoutRef<ComponentPropsWithoutRef<typeof Button>> & RefAttributes<ComponentRef<typeof Button>>): import('react').JSX.Element;
+declare namespace PaginationNext {
+    var displayName: string;
+}
 /**
- * 省略記号（...）
+ * 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 CHANGED Viewed

@@ -1,36 +1,144 @@
-import { ComponentPropsWithoutRef } from 'react';
+import { PropsWithoutRef, RefAttributes, ComponentPropsWithoutRef, ComponentRef } from 'react';
+import { Button } from './button.js';
 /**
- * ページネーションのルートコンテナ
+ * 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>>;
+declare function Pagination({ ref, className, ...props }: PropsWithoutRef<ComponentPropsWithoutRef<'nav'>> & RefAttributes<ComponentRef<'nav'>>): import('react').JSX.Element;
+declare namespace Pagination {
+    var displayName: string;
+}
 /**
- * ページネーションアイテムのコンテナ
+ * 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>>;
+declare function PaginationContent({ ref, className, ...props }: PropsWithoutRef<ComponentPropsWithoutRef<'ul'>> & RefAttributes<ComponentRef<'ul'>>): import('react').JSX.Element;
+declare namespace PaginationContent {
+    var displayName: string;
+}
 /**
- * 個別のページネーションアイテム
+ * 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 function PaginationItem({ ref, className, ...props }: PropsWithoutRef<ComponentPropsWithoutRef<'li'>> & RefAttributes<ComponentRef<'li'>>): import('react').JSX.Element;
+declare namespace PaginationItem {
+    var displayName: string;
+}
+/**
+ * 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
  */
-declare const PaginationItem: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
 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>>;
+declare function PaginationPrevious({ ref, className, ...props }: PropsWithoutRef<ComponentPropsWithoutRef<typeof Button>> & RefAttributes<ComponentRef<typeof Button>>): import('react').JSX.Element;
+declare namespace PaginationPrevious {
+    var displayName: string;
+}
 /**
- * 次のページボタン
+ * 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>>;
+declare function PaginationNext({ ref, className, ...props }: PropsWithoutRef<ComponentPropsWithoutRef<typeof Button>> & RefAttributes<ComponentRef<typeof Button>>): import('react').JSX.Element;
+declare namespace PaginationNext {
+    var displayName: string;
+}
 /**
- * 省略記号（...）
+ * 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 CHANGED Viewed

@@ -2,66 +2,75 @@
 import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "./button-components.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { ChevronLeft as a, ChevronRight as o, MoreHorizontal as s } from "lucide-react";
+import { ChevronLeft as i, ChevronRight as a, MoreHorizontal as o } from "lucide-react";
 //#region src/ui/components/ui/pagination.tsx
-var c = i(({ className: t, ...r }, i) => /* @__PURE__ */ n("nav", {
-	ref: i,
-	role: "navigation",
-	"aria-label": "pagination",
-	className: e("mx-auto flex w-full justify-center", t),
-	...r
-}));
-c.displayName = "Pagination";
-var l = i(({ className: t, ...r }, i) => /* @__PURE__ */ n("ul", {
-	ref: i,
-	className: e("flex flex-row items-center gap-1", t),
-	...r
-}));
-l.displayName = "PaginationContent";
-var u = i(({ className: t, ...r }, i) => /* @__PURE__ */ n("li", {
-	ref: i,
-	className: e("", t),
-	...r
-}));
-u.displayName = "PaginationItem";
-var d = ({ className: t, isActive: r, ...i }) => /* @__PURE__ */ n("a", {
+function s({ ref: t, className: r, ...i }) {
+	return /* @__PURE__ */ n("nav", {
+		ref: t,
+		role: "navigation",
+		"aria-label": "pagination",
+		className: e("mx-auto flex w-full justify-center", r),
+		...i
+	});
+}
+s.displayName = "Pagination";
+function c({ ref: t, className: r, ...i }) {
+	return /* @__PURE__ */ n("ul", {
+		ref: t,
+		className: e("flex flex-row items-center gap-1", r),
+		...i
+	});
+}
+c.displayName = "PaginationContent";
+function l({ ref: t, className: r, ...i }) {
+	return /* @__PURE__ */ n("li", {
+		ref: t,
+		className: e("", r),
+		...i
+	});
+}
+l.displayName = "PaginationItem";
+var u = ({ className: t, isActive: r, ...i }) => /* @__PURE__ */ n("a", {
 	"aria-current": r ? "page" : void 0,
 	className: e("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", r || "hover:bg-accent hover:text-accent-foreground", r && "bg-accent text-accent-foreground", t),
 	...i
 });
-d.displayName = "PaginationLink";
-var f = i(({ className: i, ...o }, s) => /* @__PURE__ */ r(t, {
-	ref: s,
-	"aria-label": "Go to previous page",
-	size: "default",
-	variant: "ghost",
-	className: e("gap-1 pl-2.5", i),
-	...o,
-	children: [/* @__PURE__ */ n(a, { className: "h-4 w-4" }), /* @__PURE__ */ n("span", { children: "Previous" })]
-}));
-f.displayName = "PaginationPrevious";
-var p = i(({ className: i, ...a }, s) => /* @__PURE__ */ r(t, {
-	ref: s,
-	"aria-label": "Go to next page",
-	size: "default",
-	variant: "ghost",
-	className: e("gap-1 pr-2.5", i),
-	...a,
-	children: [/* @__PURE__ */ n("span", { children: "Next" }), /* @__PURE__ */ n(o, { className: "h-4 w-4" })]
-}));
-p.displayName = "PaginationNext";
-var m = ({ className: t, ...i }) => /* @__PURE__ */ r("span", {
+u.displayName = "PaginationLink";
+function d({ ref: a, className: o, ...s }) {
+	return /* @__PURE__ */ r(t, {
+		ref: a,
+		"aria-label": "Go to previous page",
+		size: "default",
+		variant: "ghost",
+		className: e("gap-1 pl-2.5", o),
+		...s,
+		children: [/* @__PURE__ */ n(i, { className: "h-4 w-4" }), /* @__PURE__ */ n("span", { children: "Previous" })]
+	});
+}
+d.displayName = "PaginationPrevious";
+function f({ ref: i, className: o, ...s }) {
+	return /* @__PURE__ */ r(t, {
+		ref: i,
+		"aria-label": "Go to next page",
+		size: "default",
+		variant: "ghost",
+		className: e("gap-1 pr-2.5", o),
+		...s,
+		children: [/* @__PURE__ */ n("span", { children: "Next" }), /* @__PURE__ */ n(a, { className: "h-4 w-4" })]
+	});
+}
+f.displayName = "PaginationNext";
+var p = ({ className: t, ...i }) => /* @__PURE__ */ r("span", {
 	"aria-hidden": !0,
 	className: e("flex h-9 w-9 items-center justify-center", t),
 	...i,
-	children: [/* @__PURE__ */ n(s, { className: "h-4 w-4" }), /* @__PURE__ */ n("span", {
+	children: [/* @__PURE__ */ n(o, { className: "h-4 w-4" }), /* @__PURE__ */ n("span", {
 		className: "sr-only",
 		children: "More pages"
 	})]
 });
-m.displayName = "PaginationEllipsis";
+p.displayName = "PaginationEllipsis";
 //#endregion
-export { c as Pagination, l as PaginationContent, m as PaginationEllipsis, u as PaginationItem, d as PaginationLink, p as PaginationNext, f as PaginationPrevious };
+export { s as Pagination, c as PaginationContent, p as PaginationEllipsis, l as PaginationItem, u as PaginationLink, f as PaginationNext, d as PaginationPrevious };
 //# sourceMappingURL=pagination.js.map

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

	@@ -1 +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"}
1	+ {"version":3,"file":"pagination.js","names":["Pagination","props","cn","className","PaginationContent","PaginationItem","PaginationLink","isActive","PaginationPrevious","Button","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","MoreHorizontal"],"sources":["../../../../src/ui/components/ui/pagination.tsx"],"sourcesContent":["import { type PropsWithoutRef, type RefAttributes, 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 /\nfunction Pagination({\n ref,\n className,\n ...props\n}: PropsWithoutRef<ComponentPropsWithoutRef<'nav'>> & RefAttributes<ComponentRef<'nav'>>) {\n return (\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 /\nfunction PaginationContent({\n ref,\n className,\n ...props\n}: PropsWithoutRef<ComponentPropsWithoutRef<'ul'>> & RefAttributes<ComponentRef<'ul'>>) {\n return <ul ref={ref} className={cn('flex flex-row items-center gap-1', className)} {...props} />;\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 /\nfunction PaginationItem({\n ref,\n className,\n ...props\n}: PropsWithoutRef<ComponentPropsWithoutRef<'li'>> & RefAttributes<ComponentRef<'li'>>) {\n return <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 /\nfunction PaginationPrevious({\n ref,\n className,\n ...props\n}: PropsWithoutRef<ComponentPropsWithoutRef<typeof Button>> &\n RefAttributes<ComponentRef<typeof Button>>) {\n return (\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 );\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 /\nfunction PaginationNext({\n ref,\n className,\n ...props\n}: PropsWithoutRef<ComponentPropsWithoutRef<typeof Button>> &\n RefAttributes<ComponentRef<typeof Button>>) {\n return (\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 );\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,SAASA,EAAW,EAClB,QACA,cACA,GAAGC,KACqF;CACxF,OACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,cAAW;EACX,WAAWC,EAAG,sCAAsCC,CAAS;EAC7D,GAAIF;CACL,CAAA;AAEL;AACA,EAAW,cAAc;AAiBzB,SAASG,EAAkB,EACzB,QACA,cACA,GAAGH,KACmF;CACtF,OAAO,kBAAC,MAAD;EAAS;EAAK,WAAWC,EAAG,oCAAoCC,CAAS;EAAG,GAAIF;CAAQ,CAAA;AACjG;AACA,EAAkB,cAAc;AAiBhC,SAASI,EAAe,EACtB,QACA,cACA,GAAGJ,KACmF;CACtF,OAAO,kBAAC,MAAD;EAAS;EAAK,WAAWC,EAAG,IAAIC,CAAS;EAAG,GAAIF;CAAQ,CAAA;AACjE;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,SAASO,EAAmB,EAC1B,QACA,cACA,GAAGP,KAEyC;CAC5C,OACE,kBAACQ,GAAD;EACO;EACL,cAAW;EACX,MAAK;EACL,SAAQ;EACR,WAAWP,EAAG,gBAAgBC,CAAS;EACvC,GAAIF;EANN,UAAA,CAQE,kBAACS,GAAD,EAAa,WAAU,UAAW,CAAA,GAClC,kBAAC,QAAD,EAAA,UAAM,WAAc,CAAA,CACd;;AAEZ;AACA,EAAmB,cAAc;AAiBjC,SAASC,EAAe,EACtB,QACA,cACA,GAAGV,KAEyC;CAC5C,OACE,kBAACQ,GAAD;EACO;EACL,cAAW;EACX,MAAK;EACL,SAAQ;EACR,WAAWP,EAAG,gBAAgBC,CAAS;EACvC,GAAIF;EANN,UAAA,CAQE,kBAAC,QAAD,EAAA,UAAM,OAAU,CAAA,GAChB,kBAACW,GAAD,EAAc,WAAU,UAAW,CAAA,CAC7B;;AAEZ;AACA,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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./input.cjs");let r=require("react/jsx-runtime"),i=require("react");i=e.__toESM(i,1);let a=require("lucide-react");var o=i.forwardRef(({className:e,...o},s)=>{let[c,l]=i.useState(!1);return(0,r.jsxs)(`div`,{className:`relative`,children:[(0,r.jsx)(n.Input,{type:c?`text`:`password`,className:t.cn(`pr-10`,e),ref:s,...o}),(0,r.jsxs)(`button`,{type:`button`,onClick:()=>l(e=>!e),className:`absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent`,"aria-pressed":c,disabled:o.disabled,children:[c?(0,r.jsx)(a.EyeOff,{className:`h-4 w-4 text-muted-foreground`,"aria-hidden":`true`}):(0,r.jsx)(a.Eye,{className:`h-4 w-4 text-muted-foreground`,"aria-hidden":`true`}),(0,r.jsx)(`span`,{className:`sr-only`,children:c?`Hide password`:`Show password`})]})]})});o.displayName=`PasswordInput`,exports.PasswordInput=o;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./input.cjs");let r=require("react/jsx-runtime"),i=require("react");i=e.__toESM(i,1);let a=require("lucide-react");function o({ref:e,className:o,...s}){let[c,l]=i.useState(!1);return(0,r.jsxs)(`div`,{className:`relative`,children:[(0,r.jsx)(n.Input,{type:c?`text`:`password`,className:t.cn(`pr-10`,o),ref:e,...s}),(0,r.jsxs)(`button`,{type:`button`,onClick:()=>l(e=>!e),className:`absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent`,"aria-pressed":c,disabled:s.disabled,children:[c?(0,r.jsx)(a.EyeOff,{className:`h-4 w-4 text-muted-foreground`,"aria-hidden":`true`}):(0,r.jsx)(a.Eye,{className:`h-4 w-4 text-muted-foreground`,"aria-hidden":`true`}),(0,r.jsx)(`span`,{className:`sr-only`,children:c?`Hide password`:`Show password`})]})]})}o.displayName=`PasswordInput`,exports.PasswordInput=o;
 //# sourceMappingURL=password-input.cjs.map