@customafk/lunas-ui 0.1.2 → 0.1.4

package/dist/ui/badge.js

@@ -1 +0,0 @@
-"use client";import{n as e,t}from"../badge-D_B2LoLK.js";export{t as Badge,e as badgeVariants};

package/dist/ui/breadcrumb-BSYPSEKC.d.cts

@@ -1,59 +0,0 @@
-import * as react_jsx_runtime164 from "react/jsx-runtime";
-
-//#region packages/components/ui/breadcrumb.d.ts
-/**
- * Root breadcrumb navigation component
- */
-declare function Breadcrumb({
-  className,
-  ...props
-}: React.ComponentProps<'nav'>): react_jsx_runtime164.JSX.Element;
-/**
- * Container for breadcrumb items
- */
-declare function BreadcrumbList({
-  className,
-  ...props
-}: React.ComponentProps<'ol'>): react_jsx_runtime164.JSX.Element;
-/**
- * Individual breadcrumb item container
- */
-declare function BreadcrumbItem({
-  className,
-  ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime164.JSX.Element;
-/**
- * Interactive breadcrumb link
- */
-declare function BreadcrumbLink({
-  asChild,
-  className,
-  ...props
-}: React.ComponentProps<'a'> & {
-  asChild?: boolean;
-}): react_jsx_runtime164.JSX.Element;
-/**
- * Current page breadcrumb (non-interactive)
- */
-declare function BreadcrumbPage({
-  className,
-  ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime164.JSX.Element;
-/**
- * Separator between breadcrumb items
- */
-declare function BreadcrumbSeparator({
-  children,
-  className,
-  ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime164.JSX.Element;
-/**
- * Ellipsis for collapsed breadcrumbs
- */
-declare function BreadcrumbEllipsis({
-  className,
-  ...props
-}: React.ComponentProps<'button'>): react_jsx_runtime164.JSX.Element;
-//#endregion
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
-//# sourceMappingURL=breadcrumb-BSYPSEKC.d.cts.map

package/dist/ui/breadcrumb-Cmh7IVix.d.ts

@@ -1,59 +0,0 @@
-import * as react_jsx_runtime54 from "react/jsx-runtime";
-
-//#region packages/components/ui/breadcrumb.d.ts
-/**
- * Root breadcrumb navigation component
- */
-declare function Breadcrumb({
-  className,
-  ...props
-}: React.ComponentProps<'nav'>): react_jsx_runtime54.JSX.Element;
-/**
- * Container for breadcrumb items
- */
-declare function BreadcrumbList({
-  className,
-  ...props
-}: React.ComponentProps<'ol'>): react_jsx_runtime54.JSX.Element;
-/**
- * Individual breadcrumb item container
- */
-declare function BreadcrumbItem({
-  className,
-  ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime54.JSX.Element;
-/**
- * Interactive breadcrumb link
- */
-declare function BreadcrumbLink({
-  asChild,
-  className,
-  ...props
-}: React.ComponentProps<'a'> & {
-  asChild?: boolean;
-}): react_jsx_runtime54.JSX.Element;
-/**
- * Current page breadcrumb (non-interactive)
- */
-declare function BreadcrumbPage({
-  className,
-  ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime54.JSX.Element;
-/**
- * Separator between breadcrumb items
- */
-declare function BreadcrumbSeparator({
-  children,
-  className,
-  ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime54.JSX.Element;
-/**
- * Ellipsis for collapsed breadcrumbs
- */
-declare function BreadcrumbEllipsis({
-  className,
-  ...props
-}: React.ComponentProps<'button'>): react_jsx_runtime54.JSX.Element;
-//#endregion
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
-//# sourceMappingURL=breadcrumb-Cmh7IVix.d.ts.map

package/dist/ui/breadcrumb.js

@@ -1,2 +0,0 @@
-"use client";import{t as e}from"../dist--0WptDez.js";import{ChevronRight as t,MoreHorizontal as n}from"lucide-react";import{cn as r}from"@customafk/react-toolkit/utils";import{jsx as i,jsxs as a}from"react/jsx-runtime";function o({className:e,...t}){return i(`nav`,{"aria-label":`breadcrumb`,"data-slot":`breadcrumb`,className:r(``,e),...t})}function s({className:e,...t}){return i(`ol`,{"data-slot":`breadcrumb-list`,className:r(`flex flex-wrap items-center gap-1.5 sm:gap-2.5`,`text-sm break-words`,`text-text-positive-weak`,e),...t})}function c({className:e,...t}){return i(`li`,{"data-slot":`breadcrumb-item`,className:r(`inline-flex items-center gap-1.5`,e),...t})}function l({asChild:t,className:n,...a}){return i(t?e:`a`,{"data-slot":`breadcrumb-link`,className:r(`text-text-positive-weak`,`transition-colors duration-150`,`hover:text-text-positive focus-visible:text-text-positive`,`focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1`,`rounded-sm`,n),...a})}function u({className:e,...t}){return i(`span`,{"data-slot":`breadcrumb-page`,"aria-current":`page`,className:r(`text-text-positive-strong font-medium`,e),...t})}function d({children:e,className:n,...a}){return i(`li`,{"data-slot":`breadcrumb-separator`,role:`presentation`,"aria-hidden":`true`,className:r(`text-text-positive-muted`,`[&>svg]:size-3.5`,n),...a,children:e??i(t,{})})}function f({className:e,...t}){return a(`button`,{"data-slot":`breadcrumb-ellipsis`,type:`button`,className:r(`flex items-center justify-center`,`size-8 rounded-sm`,`text-text-positive-weak`,`hover:bg-secondary-muted hover:text-text-positive`,`focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1`,`transition-colors duration-150`,e),...t,children:[i(n,{className:`size-4`}),i(`span`,{className:`sr-only`,children:`Show more breadcrumbs`})]})}export{o as Breadcrumb,f as BreadcrumbEllipsis,c as BreadcrumbItem,l as BreadcrumbLink,s as BreadcrumbList,u as BreadcrumbPage,d as BreadcrumbSeparator};
-//# sourceMappingURL=breadcrumb.js.map

package/dist/ui/breadcrumb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../packages/components/ui/breadcrumb.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { ChevronRight, MoreHorizontal } from 'lucide-react';\n\nimport { Slot } from '@radix-ui/react-slot';\n\n/**\n * Root breadcrumb navigation component\n */\nfunction Breadcrumb({ className, ...props }: React.ComponentProps<'nav'>) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" className={cn('', className)} {...props} />;\n}\n\n/**\n * Container for breadcrumb items\n */\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn('flex flex-wrap items-center gap-1.5 sm:gap-2.5', 'text-sm break-words', 'text-text-positive-weak', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Individual breadcrumb item container\n */\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return <li data-slot=\"breadcrumb-item\" className={cn('inline-flex items-center gap-1.5', className)} {...props} />;\n}\n\n/**\n * Interactive breadcrumb link\n */\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<'a'> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : 'a';\n\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn(\n        'text-text-positive-weak',\n        'transition-colors duration-150',\n        'hover:text-text-positive focus-visible:text-text-positive',\n        'focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1',\n        'rounded-sm',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Current page breadcrumb (non-interactive)\n */\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"breadcrumb-page\" aria-current=\"page\" className={cn('text-text-positive-strong font-medium', className)} {...props} />;\n}\n\n/**\n * Separator between breadcrumb items\n */\nfunction BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('text-text-positive-muted', '[&>svg]:size-3.5', className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  );\n}\n\n/**\n * Ellipsis for collapsed breadcrumbs\n */\nfunction BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'button'>) {\n  return (\n    <button\n      data-slot=\"breadcrumb-ellipsis\"\n      type=\"button\"\n      className={cn(\n        'flex items-center justify-center',\n        'size-8 rounded-sm',\n        'text-text-positive-weak',\n        'hover:bg-secondary-muted hover:text-text-positive',\n        'focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1',\n        'transition-colors duration-150',\n        className\n      )}\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <span className=\"sr-only\">Show more breadcrumbs</span>\n    </button>\n  );\n}\n\nexport { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };\n"],"mappings":"2NAWA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAA,CAAI,aAAW,aAAa,YAAU,aAAa,UAAW,EAAG,GAAI,EAAU,CAAE,GAAI,GAAS,CAMxG,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OACE,EAAC,KAAA,CACC,YAAU,kBACV,UAAW,EAAG,iDAAkD,sBAAuB,0BAA2B,EAAU,CAC5H,GAAI,GACJ,CAON,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OAAO,EAAC,KAAA,CAAG,YAAU,kBAAkB,UAAW,EAAG,mCAAoC,EAAU,CAAE,GAAI,GAAS,CAMpH,SAAS,EAAe,CACtB,UACA,YACA,GAAG,GAGF,CAGD,OACE,EAHW,EAAU,EAAO,IAAA,CAI1B,YAAU,kBACV,UAAW,EACT,0BACA,iCACA,4DACA,8FACA,aACA,EACD,CACD,GAAI,GACJ,CAON,SAAS,EAAe,CAAE,YAAW,GAAG,GAAuC,CAC7E,OAAO,EAAC,OAAA,CAAK,YAAU,kBAAkB,eAAa,OAAO,UAAW,EAAG,wCAAyC,EAAU,CAAE,GAAI,GAAS,CAM/I,SAAS,EAAoB,CAAE,WAAU,YAAW,GAAG,GAAqC,CAC1F,OACE,EAAC,KAAA,CACC,YAAU,uBACV,KAAK,eACL,cAAY,OACZ,UAAW,EAAG,2BAA4B,mBAAoB,EAAU,CACxE,GAAI,WAEH,GAAY,EAAC,EAAA,EAAA,CAAe,EAC1B,CAOT,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAyC,CACnF,OACE,EAAC,SAAA,CACC,YAAU,sBACV,KAAK,SACL,UAAW,EACT,mCACA,oBACA,0BACA,oDACA,8FACA,iCACA,EACD,CACD,GAAI,YAEJ,EAAC,EAAA,CAAe,UAAU,SAAA,CAAW,CACrC,EAAC,OAAA,CAAK,UAAU,mBAAU,yBAA4B,CAAA,EAC/C"}

package/dist/ui/button-B68I4zW0.d.cts

@@ -1,2 +0,0 @@
-import { n as ButtonProps, t as Button } from "../button-DWso3cFH.cjs";
-export { Button, ButtonProps };

package/dist/ui/button-CNuCWniB.d.ts

@@ -1,2 +0,0 @@
-import { n as ButtonProps, t as Button } from "../button-DvOxdTpu.js";
-export { Button, ButtonProps };

package/dist/ui/button-group-B90egDo3.d.ts

@@ -1,29 +0,0 @@
-import { t as Separator } from "../separator-Djvrrcvu.js";
-import * as react_jsx_runtime45 from "react/jsx-runtime";
-import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
-
-//#region packages/components/ui/button-group.d.ts
-declare const buttonGroupVariants: (props?: ({
-  orientation?: "vertical" | "horizontal" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
-declare function ButtonGroup({
-  className,
-  orientation,
-  ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime45.JSX.Element;
-declare function ButtonGroupText({
-  className,
-  asChild,
-  ...props
-}: React.ComponentProps<'div'> & {
-  asChild?: boolean;
-}): react_jsx_runtime45.JSX.Element;
-declare function ButtonGroupSeparator({
-  className,
-  orientation,
-  ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime45.JSX.Element;
-//#endregion
-export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
-//# sourceMappingURL=button-group-B90egDo3.d.ts.map

package/dist/ui/button-group-CJd_e6cZ.d.cts

@@ -1,29 +0,0 @@
-import { t as Separator } from "../separator-Eo08jbbW.cjs";
-import * as react_jsx_runtime36 from "react/jsx-runtime";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
-import { VariantProps } from "class-variance-authority";
-
-//#region packages/components/ui/button-group.d.ts
-declare const buttonGroupVariants: (props?: ({
-  orientation?: "vertical" | "horizontal" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
-declare function ButtonGroup({
-  className,
-  orientation,
-  ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime36.JSX.Element;
-declare function ButtonGroupText({
-  className,
-  asChild,
-  ...props
-}: React.ComponentProps<'div'> & {
-  asChild?: boolean;
-}): react_jsx_runtime36.JSX.Element;
-declare function ButtonGroupSeparator({
-  className,
-  orientation,
-  ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime36.JSX.Element;
-//#endregion
-export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
-//# sourceMappingURL=button-group-CJd_e6cZ.d.cts.map

package/dist/ui/button-group.js

@@ -1,2 +0,0 @@
-import{t as e}from"../dist--0WptDez.js";import{t}from"../separator-udZphpLE.js";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r}from"react/jsx-runtime";import{cva as i}from"class-variance-authority";const a=i(`flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1`,{variants:{orientation:{horizontal:`[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none`,vertical:`flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none`}},defaultVariants:{orientation:`horizontal`}});function o({className:e,orientation:t,...i}){return r(`div`,{role:`group`,"data-slot":`button-group`,"data-orientation":t,className:n(a({orientation:t}),e),...i})}function s({className:t,asChild:i=!1,...a}){return r(i?e:`div`,{className:n(`flex items-center gap-2 rounded-md border border-border bg-muted px-4 font-medium text-sm shadow-xs [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none`,t),...a})}function c({className:e,orientation:i=`vertical`,...a}){return r(t,{"data-slot":`button-group-separator`,orientation:i,className:n(`relative m-0! self-stretch bg-muted-muted data-[orientation=vertical]:h-auto`,e),...a})}export{o as ButtonGroup,c as ButtonGroupSeparator,s as ButtonGroupText,a as buttonGroupVariants};
-//# sourceMappingURL=button-group.js.map

package/dist/ui/button-group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-group.js","names":[],"sources":["../../packages/components/ui/button-group.tsx"],"sourcesContent":["import { cn } from '@customafk/react-toolkit/utils';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Separator } from '@/components/ui/separator';\n\nconst buttonGroupVariants = cva(\n  \"flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal: '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none',\n        vertical: 'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  }\n);\n\nfunction ButtonGroup({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <div role=\"group\" data-slot=\"button-group\" data-orientation={orientation} className={cn(buttonGroupVariants({ orientation }), className)} {...props} />\n  );\n}\n\nfunction ButtonGroupText({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'div'> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp\n      className={cn(\n        \"flex items-center gap-2 rounded-md border border-border bg-muted px-4 font-medium text-sm shadow-xs [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ButtonGroupSeparator({ className, orientation = 'vertical', ...props }: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn('relative m-0! self-stretch bg-muted-muted data-[orientation=vertical]:h-auto', className)}\n      {...props}\n    />\n  );\n}\n\nexport { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };\n"],"mappings":"2NAMA,MAAM,EAAsB,EAC1B,2RACA,CACE,SAAU,CACR,YAAa,CACX,WAAY,kHACZ,SAAU,2HACX,CACF,CACD,gBAAiB,CACf,YAAa,aACd,CACF,CACF,CAED,SAAS,EAAY,CAAE,YAAW,cAAa,GAAG,GAAiF,CACjI,OACE,EAAC,MAAA,CAAI,KAAK,QAAQ,YAAU,eAAe,mBAAkB,EAAa,UAAW,EAAG,EAAoB,CAAE,cAAa,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS,CAI3J,SAAS,EAAgB,CACvB,YACA,UAAU,GACV,GAAG,GAGF,CAGD,OACE,EAHW,EAAU,EAAO,MAAA,CAI1B,UAAW,EACT,uKACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAqB,CAAE,YAAW,cAAc,WAAY,GAAG,GAAiD,CACvH,OACE,EAAC,EAAA,CACC,YAAU,yBACG,cACb,UAAW,EAAG,+EAAgF,EAAU,CACxG,GAAI,GACJ"}

package/dist/ui/button.js

@@ -1 +0,0 @@
-"use client";import"../dist--0WptDez.js";import"../button.variants-D-o2smvP.js";import{t as e}from"../button-ZBnX9IoC.js";export{e as Button};

package/dist/ui/buttons/add-new-CfzBs6gq.d.ts

@@ -1,8 +0,0 @@
-//#region packages/components/ui/buttons/add-new.d.ts
-type Props = {
-  onClick?: () => void;
-};
-declare const AddNewBtn: React.FC<React.PropsWithChildren<Props>>;
-//#endregion
-export { AddNewBtn };
-//# sourceMappingURL=add-new-CfzBs6gq.d.ts.map

package/dist/ui/buttons/add-new-D9-Jr8c4.d.cts

@@ -1,8 +0,0 @@
-//#region packages/components/ui/buttons/add-new.d.ts
-type Props = {
-  onClick?: () => void;
-};
-declare const AddNewBtn: React.FC<React.PropsWithChildren<Props>>;
-//#endregion
-export { AddNewBtn };
-//# sourceMappingURL=add-new-D9-Jr8c4.d.cts.map

package/dist/ui/buttons/add-new.js

@@ -1 +0,0 @@
-import"../../dist--0WptDez.js";import"../../button.variants-D-o2smvP.js";import"../../button-ZBnX9IoC.js";import"../../paragraph-eZ-12KwF.js";import{t as e}from"../../add-new-CJdX6unn.js";export{e as AddNewBtn};

package/dist/ui/buttons/edit-D-F5TXGT.d.ts

@@ -1,8 +0,0 @@
-//#region packages/components/ui/buttons/edit.d.ts
-type Props = {
-  onClick?: () => void;
-};
-declare const EditBtn: React.FC<Props>;
-//#endregion
-export { EditBtn };
-//# sourceMappingURL=edit-D-F5TXGT.d.ts.map

package/dist/ui/buttons/edit-Dq_gpd-N.d.cts

@@ -1,8 +0,0 @@
-//#region packages/components/ui/buttons/edit.d.ts
-type Props = {
-  onClick?: () => void;
-};
-declare const EditBtn: React.FC<Props>;
-//#endregion
-export { EditBtn };
-//# sourceMappingURL=edit-Dq_gpd-N.d.cts.map

package/dist/ui/buttons/edit.js

@@ -1,2 +0,0 @@
-import"../../dist--0WptDez.js";import"../../button.variants-D-o2smvP.js";import{t as e}from"../../button-ZBnX9IoC.js";import{Edit2Icon as t}from"lucide-react";import{jsx as n}from"react/jsx-runtime";const r=({onClick:r})=>n(e,{"aria-label":`Chỉnh sửa`,variant:`ghost`,color:`secondary`,size:`icon`,className:`max-sm:aspect-square max-sm:p-0`,onClick:r,children:n(t,{size:16,className:`opacity-60`})});export{r as EditBtn};
-//# sourceMappingURL=edit.js.map

package/dist/ui/buttons/edit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"edit.js","names":["EditBtn: React.FC<Props>"],"sources":["../../../packages/components/ui/buttons/edit.tsx"],"sourcesContent":["import { Edit2Icon } from 'lucide-react';\n\nimport { Button } from '../button';\n\ntype Props = {\n  onClick?: () => void;\n};\nexport const EditBtn: React.FC<Props> = ({ onClick }) => {\n  return (\n    <Button aria-label=\"Chỉnh sửa\" variant=\"ghost\" color=\"secondary\" size=\"icon\" className=\"max-sm:aspect-square max-sm:p-0\" onClick={onClick}>\n      <Edit2Icon size={16} className=\"opacity-60\" />\n    </Button>\n  );\n};\n"],"mappings":"uMAOA,MAAaA,GAA4B,CAAE,aAEvC,EAAC,EAAA,CAAO,aAAW,YAAY,QAAQ,QAAQ,MAAM,YAAY,KAAK,OAAO,UAAU,kCAA2C,mBAChI,EAAC,EAAA,CAAU,KAAM,GAAI,UAAU,cAAe,EACvC"}

package/dist/ui/buttons/refresh-BDZtp0q0.d.cts

@@ -1,8 +0,0 @@
-//#region packages/components/ui/buttons/refresh.d.ts
-type Props = {
-  onClick?: () => void;
-};
-declare const RefreshBtn: React.FC<React.PropsWithChildren<Props>>;
-//#endregion
-export { RefreshBtn };
-//# sourceMappingURL=refresh-BDZtp0q0.d.cts.map

package/dist/ui/buttons/refresh-DGGaCTEs.d.ts

@@ -1,8 +0,0 @@
-//#region packages/components/ui/buttons/refresh.d.ts
-type Props = {
-  onClick?: () => void;
-};
-declare const RefreshBtn: React.FC<React.PropsWithChildren<Props>>;
-//#endregion
-export { RefreshBtn };
-//# sourceMappingURL=refresh-DGGaCTEs.d.ts.map

package/dist/ui/buttons/refresh.js

@@ -1 +0,0 @@
-import"../../dist--0WptDez.js";import"../../button.variants-D-o2smvP.js";import"../../button-ZBnX9IoC.js";import"../../paragraph-eZ-12KwF.js";import{t as e}from"../../refresh-OzE8Rb0x.js";export{e as RefreshBtn};

package/dist/ui/buttons/trash-CKtCS2E3.d.cts

@@ -1,8 +0,0 @@
-//#region packages/components/ui/buttons/trash.d.ts
-type Props = {
-  onClick?: () => void;
-};
-declare const TrashBtn: React.FC<Props>;
-//#endregion
-export { TrashBtn };
-//# sourceMappingURL=trash-CKtCS2E3.d.cts.map

package/dist/ui/buttons/trash-FI_wppX3.d.ts

@@ -1,8 +0,0 @@
-//#region packages/components/ui/buttons/trash.d.ts
-type Props = {
-  onClick?: () => void;
-};
-declare const TrashBtn: React.FC<Props>;
-//#endregion
-export { TrashBtn };
-//# sourceMappingURL=trash-FI_wppX3.d.ts.map

package/dist/ui/buttons/trash.js

@@ -1,2 +0,0 @@
-import"../../dist--0WptDez.js";import"../../button.variants-D-o2smvP.js";import{t as e}from"../../button-ZBnX9IoC.js";import{Trash2Icon as t}from"lucide-react";import{jsx as n}from"react/jsx-runtime";const r=({onClick:r})=>n(e,{"aria-label":`Xoá`,variant:`ghost`,size:`icon`,color:`secondary`,className:`max-sm:aspect-square max-sm:p-0`,onClick:r,children:n(t,{size:16,className:`opacity-60`,"aria-hidden":`true`})});export{r as TrashBtn};
-//# sourceMappingURL=trash.js.map

package/dist/ui/buttons/trash.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"trash.js","names":["TrashBtn: React.FC<Props>"],"sources":["../../../packages/components/ui/buttons/trash.tsx"],"sourcesContent":["import { Trash2Icon } from 'lucide-react';\n\nimport { Button } from '../button';\n\ntype Props = {\n  onClick?: () => void;\n};\nexport const TrashBtn: React.FC<Props> = ({ onClick }) => {\n  return (\n    <Button aria-label=\"Xoá\" variant=\"ghost\" size=\"icon\" color=\"secondary\" className=\"max-sm:aspect-square max-sm:p-0\" onClick={onClick}>\n      <Trash2Icon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n    </Button>\n  );\n};\n"],"mappings":"wMAOA,MAAaA,GAA6B,CAAE,aAExC,EAAC,EAAA,CAAO,aAAW,MAAM,QAAQ,QAAQ,KAAK,OAAO,MAAM,YAAY,UAAU,kCAA2C,mBAC1H,EAAC,EAAA,CAAW,KAAM,GAAI,UAAU,aAAa,cAAY,QAAS,EAC3D"}

package/dist/ui/buttons/upload-image-CroZz-TA.d.ts

@@ -1,11 +0,0 @@
-import { PropsWithChildren } from "react";
-
-//#region packages/components/ui/buttons/upload-image.d.ts
-type Props = {
-  size?: number;
-  onClick?: () => void;
-};
-declare const UploadImageBtn: React.FC<PropsWithChildren<Props>>;
-//#endregion
-export { UploadImageBtn };
-//# sourceMappingURL=upload-image-CroZz-TA.d.ts.map

package/dist/ui/buttons/upload-image-DhOzs8WM.d.cts

@@ -1,11 +0,0 @@
-import { PropsWithChildren } from "react";
-
-//#region packages/components/ui/buttons/upload-image.d.ts
-type Props = {
-  size?: number;
-  onClick?: () => void;
-};
-declare const UploadImageBtn: React.FC<PropsWithChildren<Props>>;
-//#endregion
-export { UploadImageBtn };
-//# sourceMappingURL=upload-image-DhOzs8WM.d.cts.map

package/dist/ui/buttons/upload-image.js

@@ -1,2 +0,0 @@
-import"../../dist--0WptDez.js";import"../../button.variants-D-o2smvP.js";import{t as e}from"../../button-ZBnX9IoC.js";import{UploadIcon as t}from"lucide-react";import{jsx as n}from"react/jsx-runtime";const r=({size:r=`5rem`,onClick:i})=>n(e,{style:{width:r,height:r},variant:`outline`,color:`muted`,onClick:i,children:n(t,{className:`size-6`})});export{r as UploadImageBtn};
-//# sourceMappingURL=upload-image.js.map

package/dist/ui/buttons/upload-image.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"upload-image.js","names":["UploadImageBtn: React.FC<PropsWithChildren<Props>>"],"sources":["../../../packages/components/ui/buttons/upload-image.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport { UploadIcon } from 'lucide-react';\n\nimport { Button } from '../button';\n\ntype Props = {\n  size?: number;\n  onClick?: () => void;\n};\n\nexport const UploadImageBtn: React.FC<PropsWithChildren<Props>> = ({ size = '5rem', onClick }) => {\n  return (\n    <Button\n      style={{\n        width: size,\n        height: size,\n      }}\n      variant=\"outline\"\n      color=\"muted\"\n      onClick={onClick}\n    >\n      <UploadIcon className=\"size-6\" />\n    </Button>\n  );\n};\n"],"mappings":"wMAWA,MAAaA,GAAsD,CAAE,OAAO,OAAQ,aAEhF,EAAC,EAAA,CACC,MAAO,CACL,MAAO,EACP,OAAQ,EACT,CACD,QAAQ,UACR,MAAM,QACG,mBAET,EAAC,EAAA,CAAW,UAAU,SAAA,CAAW,EAC1B"}

package/dist/ui/calendar-4BsV_Gxq.d.ts

@@ -1,27 +0,0 @@
-import { t as Button } from "../button-DvOxdTpu.js";
-import * as react_jsx_runtime87 from "react/jsx-runtime";
-import { DayButton, DayPicker } from "react-day-picker";
-
-//#region packages/components/ui/calendar.d.ts
-declare const CalendarDayButton: ({
-  className,
-  day,
-  modifiers,
-  color: _,
-  ...props
-}: React.ComponentProps<typeof DayButton>) => react_jsx_runtime87.JSX.Element;
-declare function Calendar({
-  className,
-  classNames,
-  showOutsideDays,
-  captionLayout,
-  buttonVariant,
-  formatters,
-  components,
-  ...props
-}: React.ComponentProps<typeof DayPicker> & {
-  buttonVariant?: React.ComponentProps<typeof Button>['variant'];
-}): react_jsx_runtime87.JSX.Element;
-//#endregion
-export { Calendar, CalendarDayButton };
-//# sourceMappingURL=calendar-4BsV_Gxq.d.ts.map

package/dist/ui/calendar-K9UUC9OO.d.cts

@@ -1,27 +0,0 @@
-import { t as Button } from "../button-DWso3cFH.cjs";
-import * as react_jsx_runtime34 from "react/jsx-runtime";
-import { DayButton, DayPicker } from "react-day-picker";
-
-//#region packages/components/ui/calendar.d.ts
-declare const CalendarDayButton: ({
-  className,
-  day,
-  modifiers,
-  color: _,
-  ...props
-}: React.ComponentProps<typeof DayButton>) => react_jsx_runtime34.JSX.Element;
-declare function Calendar({
-  className,
-  classNames,
-  showOutsideDays,
-  captionLayout,
-  buttonVariant,
-  formatters,
-  components,
-  ...props
-}: React.ComponentProps<typeof DayPicker> & {
-  buttonVariant?: React.ComponentProps<typeof Button>['variant'];
-}): react_jsx_runtime34.JSX.Element;
-//#endregion
-export { Calendar, CalendarDayButton };
-//# sourceMappingURL=calendar-K9UUC9OO.d.cts.map

package/dist/ui/calendar.js

@@ -1 +0,0 @@
-"use client";import"../dist--0WptDez.js";import"../button.variants-D-o2smvP.js";import"../button-ZBnX9IoC.js";import{n as e,t}from"../calendar-oeosoy2_.js";export{t as Calendar,e as CalendarDayButton};

package/dist/ui/card-BNSU8pJ3.d.ts

@@ -1,34 +0,0 @@
-import * as react_jsx_runtime129 from "react/jsx-runtime";
-
-//#region packages/components/ui/card.d.ts
-declare function Card({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime129.JSX.Element;
-declare function CardHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime129.JSX.Element;
-declare function CardTitle({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime129.JSX.Element;
-declare function CardDescription({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime129.JSX.Element;
-declare function CardAction({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime129.JSX.Element;
-declare function CardContent({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime129.JSX.Element;
-declare function CardFooter({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime129.JSX.Element;
-//#endregion
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
-//# sourceMappingURL=card-BNSU8pJ3.d.ts.map

package/dist/ui/card-crmYxOvI.d.cts

@@ -1,34 +0,0 @@
-import * as react_jsx_runtime48 from "react/jsx-runtime";
-
-//#region packages/components/ui/card.d.ts
-declare function Card({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime48.JSX.Element;
-declare function CardHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime48.JSX.Element;
-declare function CardTitle({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime48.JSX.Element;
-declare function CardDescription({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime48.JSX.Element;
-declare function CardAction({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime48.JSX.Element;
-declare function CardContent({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime48.JSX.Element;
-declare function CardFooter({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime48.JSX.Element;
-//#endregion
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
-//# sourceMappingURL=card-crmYxOvI.d.cts.map

package/dist/ui/card.js

@@ -1 +0,0 @@
-import{a as e,i as t,n,o as r,r as i,s as a,t as o}from"../card-Ck4l6oKk.js";export{o as Card,n as CardAction,i as CardContent,t as CardDescription,e as CardFooter,r as CardHeader,a as CardTitle};

package/dist/ui/carousel-B9dU9pKy.d.cts

@@ -1,47 +0,0 @@
-import { t as Button } from "../button-DWso3cFH.cjs";
-import * as react_jsx_runtime43 from "react/jsx-runtime";
-import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
-
-//#region packages/components/ui/carousel.d.ts
-type CarouselApi = UseEmblaCarouselType[1];
-type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
-type CarouselOptions = UseCarouselParameters[0];
-type CarouselPlugin = UseCarouselParameters[1];
-type CarouselProps = {
-  opts?: CarouselOptions;
-  plugins?: CarouselPlugin;
-  orientation?: 'horizontal' | 'vertical';
-  setApi?: (api: CarouselApi) => void;
-};
-declare function Carousel({
-  orientation,
-  opts,
-  setApi,
-  plugins,
-  className,
-  children,
-  ...props
-}: React.ComponentProps<'div'> & CarouselProps): react_jsx_runtime43.JSX.Element;
-declare function CarouselContent({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime43.JSX.Element;
-declare function CarouselItem({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime43.JSX.Element;
-declare function CarouselPrevious({
-  className,
-  variant,
-  size,
-  ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime43.JSX.Element;
-declare function CarouselNext({
-  className,
-  variant,
-  size,
-  ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime43.JSX.Element;
-//#endregion
-export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
-//# sourceMappingURL=carousel-B9dU9pKy.d.cts.map

package/dist/ui/carousel-Dpds-JxD.d.ts

@@ -1,47 +0,0 @@
-import { t as Button } from "../button-DvOxdTpu.js";
-import * as react_jsx_runtime61 from "react/jsx-runtime";
-import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
-
-//#region packages/components/ui/carousel.d.ts
-type CarouselApi = UseEmblaCarouselType[1];
-type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
-type CarouselOptions = UseCarouselParameters[0];
-type CarouselPlugin = UseCarouselParameters[1];
-type CarouselProps = {
-  opts?: CarouselOptions;
-  plugins?: CarouselPlugin;
-  orientation?: 'horizontal' | 'vertical';
-  setApi?: (api: CarouselApi) => void;
-};
-declare function Carousel({
-  orientation,
-  opts,
-  setApi,
-  plugins,
-  className,
-  children,
-  ...props
-}: React.ComponentProps<'div'> & CarouselProps): react_jsx_runtime61.JSX.Element;
-declare function CarouselContent({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime61.JSX.Element;
-declare function CarouselItem({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime61.JSX.Element;
-declare function CarouselPrevious({
-  className,
-  variant,
-  size,
-  ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime61.JSX.Element;
-declare function CarouselNext({
-  className,
-  variant,
-  size,
-  ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime61.JSX.Element;
-//#endregion
-export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
-//# sourceMappingURL=carousel-Dpds-JxD.d.ts.map

package/dist/ui/carousel.js

@@ -1,2 +0,0 @@
-"use client";import"../dist--0WptDez.js";import"../button.variants-D-o2smvP.js";import{t as e}from"../button-ZBnX9IoC.js";import{ArrowLeft as t,ArrowRight as n}from"lucide-react";import{createContext as r,use as i,useCallback as a,useEffect as o,useState as s}from"react";import{cn as c}from"@customafk/react-toolkit/utils";import{jsx as l,jsxs as u}from"react/jsx-runtime";import d from"embla-carousel-react";const f=r(null);function p(){let e=i(f);if(!e)throw Error(`useCarousel must be used within a <Carousel />`);return e}function m({orientation:e=`horizontal`,opts:t,setApi:n,plugins:r,className:i,children:u,...p}){let[m,h]=d({...t,axis:e===`horizontal`?`x`:`y`},r),[g,_]=s(!1),[v,y]=s(!1),b=a(e=>{e&&(_(e.canScrollPrev()),y(e.canScrollNext()))},[]),x=a(()=>{h?.scrollPrev()},[h]),S=a(()=>{h?.scrollNext()},[h]),C=a(e=>{e.key===`ArrowLeft`?(e.preventDefault(),x()):e.key===`ArrowRight`&&(e.preventDefault(),S())},[x,S]);return o(()=>{!h||!n||n(h)},[h,n]),o(()=>{if(h)return b(h),h.on(`reInit`,b),h.on(`select`,b),()=>{h?.off(`select`,b)}},[h,b]),l(f.Provider,{value:{carouselRef:m,api:h,opts:t,orientation:e||(t?.axis===`y`?`vertical`:`horizontal`),scrollPrev:x,scrollNext:S,canScrollPrev:g,canScrollNext:v},children:l(`div`,{onKeyDownCapture:C,className:c(`relative`,i),role:`region`,"aria-roledescription":`carousel`,"data-slot":`carousel`,...p,children:u})})}function h({className:e,...t}){let{carouselRef:n,orientation:r}=p();return l(`div`,{ref:n,className:`overflow-hidden`,"data-slot":`carousel-content`,children:l(`div`,{className:c(`flex`,r===`horizontal`?`-ml-4`:`-mt-4 flex-col`,e),...t})})}function g({className:e,...t}){let{orientation:n}=p();return l(`div`,{role:`group`,"aria-roledescription":`slide`,"data-slot":`carousel-item`,className:c(`min-w-0 shrink-0 grow-0 basis-full`,n===`horizontal`?`pl-4`:`pt-4`,e),...t})}function _({className:n,variant:r=`outline`,size:i=`icon`,...a}){let{orientation:o,scrollPrev:s,canScrollPrev:d}=p();return u(e,{"data-slot":`carousel-previous`,variant:r,size:i,className:c(`absolute size-8 rounded-full`,o===`horizontal`?`top-1/2 -left-12 -translate-y-1/2`:`-top-12 left-1/2 -translate-x-1/2 rotate-90`,n),disabled:!d,onClick:s,...a,children:[l(t,{}),l(`span`,{className:`sr-only`,children:`Previous slide`})]})}function v({className:t,variant:r=`outline`,size:i=`icon`,...a}){let{orientation:o,scrollNext:s,canScrollNext:d}=p();return u(e,{"data-slot":`carousel-next`,variant:r,size:i,className:c(`absolute size-8 rounded-full`,o===`horizontal`?`top-1/2 -right-12 -translate-y-1/2`:`-bottom-12 left-1/2 -translate-x-1/2 rotate-90`,t),disabled:!d,onClick:s,...a,children:[l(n,{}),l(`span`,{className:`sr-only`,children:`Next slide`})]})}export{m as Carousel,h as CarouselContent,g as CarouselItem,v as CarouselNext,_ as CarouselPrevious};
-//# sourceMappingURL=carousel.js.map

package/dist/ui/carousel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"carousel.js","names":["api"],"sources":["../../packages/components/ui/carousel.tsx"],"sourcesContent":["'use client';\nimport { createContext, use, useCallback, useEffect, useState } from 'react';\n\nimport { ArrowLeft, ArrowRight } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react';\nimport { Button } from '@/components/ui/button';\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ntype CarouselProps = {\n  opts?: CarouselOptions;\n  plugins?: CarouselPlugin;\n  orientation?: 'horizontal' | 'vertical';\n  setApi?: (api: CarouselApi) => void;\n};\n\ntype CarouselContextProps = {\n  carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n  api: ReturnType<typeof useEmblaCarousel>[1];\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  canScrollPrev: boolean;\n  canScrollNext: boolean;\n} & CarouselProps;\n\nconst CarouselContext = createContext<CarouselContextProps | null>(null);\n\nfunction useCarousel() {\n  const context = use(CarouselContext);\n\n  if (!context) {\n    throw new Error('useCarousel must be used within a <Carousel />');\n  }\n\n  return context;\n}\n\nfunction Carousel({ orientation = 'horizontal', opts, setApi, plugins, className, children, ...props }: React.ComponentProps<'div'> & CarouselProps) {\n  const [carouselRef, api] = useEmblaCarousel(\n    {\n      ...opts,\n      axis: orientation === 'horizontal' ? 'x' : 'y',\n    },\n    plugins\n  );\n  const [canScrollPrev, setCanScrollPrev] = useState(false);\n  const [canScrollNext, setCanScrollNext] = useState(false);\n\n  const onSelect = useCallback((api: CarouselApi) => {\n    if (!api) return;\n    setCanScrollPrev(api.canScrollPrev());\n    setCanScrollNext(api.canScrollNext());\n  }, []);\n\n  const scrollPrev = useCallback(() => {\n    api?.scrollPrev();\n  }, [api]);\n\n  const scrollNext = useCallback(() => {\n    api?.scrollNext();\n  }, [api]);\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === 'ArrowLeft') {\n        event.preventDefault();\n        scrollPrev();\n      } else if (event.key === 'ArrowRight') {\n        event.preventDefault();\n        scrollNext();\n      }\n    },\n    [scrollPrev, scrollNext]\n  );\n\n  useEffect(() => {\n    if (!api || !setApi) return;\n    setApi(api);\n  }, [api, setApi]);\n\n  useEffect(() => {\n    if (!api) return;\n    onSelect(api);\n    api.on('reInit', onSelect);\n    api.on('select', onSelect);\n\n    return () => {\n      api?.off('select', onSelect);\n    };\n  }, [api, onSelect]);\n\n  return (\n    <CarouselContext.Provider\n      value={{\n        carouselRef,\n        api: api,\n        opts,\n        orientation: orientation || (opts?.axis === 'y' ? 'vertical' : 'horizontal'),\n        scrollPrev,\n        scrollNext,\n        canScrollPrev,\n        canScrollNext,\n      }}\n    >\n      <div onKeyDownCapture={handleKeyDown} className={cn('relative', className)} role=\"region\" aria-roledescription=\"carousel\" data-slot=\"carousel\" {...props}>\n        {children}\n      </div>\n    </CarouselContext.Provider>\n  );\n}\n\nfunction CarouselContent({ className, ...props }: React.ComponentProps<'div'>) {\n  const { carouselRef, orientation } = useCarousel();\n\n  return (\n    <div ref={carouselRef} className=\"overflow-hidden\" data-slot=\"carousel-content\">\n      <div className={cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', className)} {...props} />\n    </div>\n  );\n}\n\nfunction CarouselItem({ className, ...props }: React.ComponentProps<'div'>) {\n  const { orientation } = useCarousel();\n\n  return (\n    <div\n      role=\"group\"\n      aria-roledescription=\"slide\"\n      data-slot=\"carousel-item\"\n      className={cn('min-w-0 shrink-0 grow-0 basis-full', orientation === 'horizontal' ? 'pl-4' : 'pt-4', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CarouselPrevious({ className, variant = 'outline', size = 'icon', ...props }: React.ComponentProps<typeof Button>) {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel();\n\n  return (\n    <Button\n      data-slot=\"carousel-previous\"\n      variant={variant}\n      size={size}\n      className={cn(\n        'absolute size-8 rounded-full',\n        orientation === 'horizontal' ? 'top-1/2 -left-12 -translate-y-1/2' : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n        className\n      )}\n      disabled={!canScrollPrev}\n      onClick={scrollPrev}\n      {...props}\n    >\n      <ArrowLeft />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  );\n}\n\nfunction CarouselNext({ className, variant = 'outline', size = 'icon', ...props }: React.ComponentProps<typeof Button>) {\n  const { orientation, scrollNext, canScrollNext } = useCarousel();\n\n  return (\n    <Button\n      data-slot=\"carousel-next\"\n      variant={variant}\n      size={size}\n      className={cn(\n        'absolute size-8 rounded-full',\n        orientation === 'horizontal' ? 'top-1/2 -right-12 -translate-y-1/2' : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n        className\n      )}\n      disabled={!canScrollNext}\n      onClick={scrollNext}\n      {...props}\n    >\n      <ArrowRight />\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  );\n}\n\nexport { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };\n"],"mappings":"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"}