@customafk/lunas-ui 0.1.0 → 0.1.2

package/dist/ui/multi-select-BfgB6YEs.d.ts

@@ -0,0 +1,81 @@
+import "../dialog-C1pj-7IA.js";
+import { t as Command$1 } from "../command-BY7heULC.js";
+import * as react41 from "react";
+import { Command } from "cmdk";
+
+//#region packages/components/ui/multi-select.d.ts
+interface Option {
+  value: string;
+  label: string;
+  disable?: boolean;
+  /** fixed option that can‘t be removed. */
+  fixed?: boolean;
+  /** Group the options by providing key. */
+  [key: string]: string | boolean | undefined;
+}
+interface MultipleSelectorProps {
+  value?: Option[];
+  defaultOptions?: Option[];
+  /** manually controlled options */
+  options?: Option[];
+  placeholder?: string;
+  /** Loading component. */
+  loadingIndicator?: React.ReactNode;
+  /** Empty component. */
+  emptyIndicator?: React.ReactNode;
+  /** Debounce time for async search. Only work with `onSearch`. */
+  delay?: number;
+  /**
+   * Only work with `onSearch` prop. Trigger search when `onFocus`.
+   * For example, when user click on the input, it will trigger the search to get initial options.
+   **/
+  triggerSearchOnFocus?: boolean;
+  /** async search */
+  onSearch?: (value: string) => Promise<Option[]>;
+  /**
+   * sync search. This search will not showing loadingIndicator.
+   * The rest props are the same as async search.
+   * i.e.: creatable, groupBy, delay.
+   **/
+  onSearchSync?: (value: string) => Option[];
+  onChange?: (options: Option[]) => void;
+  /** Limit the maximum number of selected options. */
+  maxSelected?: number;
+  /** When the number of selected options exceeds the limit, the onMaxSelected will be called. */
+  onMaxSelected?: (maxLimit: number) => void;
+  /** Hide the placeholder when there are options selected. */
+  hidePlaceholderWhenSelected?: boolean;
+  disabled?: boolean;
+  /** Group the options base on provided key. */
+  groupBy?: string;
+  className?: string;
+  badgeClassName?: string;
+  /**
+   * First item selected is a default behavior by cmdk. That is why the default is true.
+   * This is a workaround solution by add a dummy item.
+   *
+   * @reference: https://github.com/pacocoursey/cmdk/issues/171
+   */
+  selectFirstItem?: boolean;
+  /** Allow user to create option when there is no option matched. */
+  creatable?: boolean;
+  /** Props of `Command` */
+  commandProps?: React.ComponentPropsWithoutRef<typeof Command$1>;
+  /** Props of `CommandInput` */
+  inputProps?: Omit<React.ComponentPropsWithoutRef<typeof Command.Input>, 'value' | 'placeholder' | 'disabled'>;
+  /** hide the clear all button. */
+  hideClearAllButton?: boolean;
+  /**  Add new item event for select with search */
+  onAddNewItem?: () => void;
+}
+interface MultipleSelectorRef {
+  selectedValue: Option[];
+  input: HTMLInputElement;
+  focus: () => void;
+  reset: () => void;
+}
+declare function useDebounce<T>(value: T, delay?: number): T;
+declare const MultipleSelector: react41.ForwardRefExoticComponent<MultipleSelectorProps & react41.RefAttributes<MultipleSelectorRef>>;
+//#endregion
+export { MultipleSelector, MultipleSelectorRef, Option, useDebounce };
+//# sourceMappingURL=multi-select-BfgB6YEs.d.ts.map

package/dist/ui/multi-select-D7V4eYjz.d.cts

@@ -0,0 +1,81 @@
+import "../dialog-DQtTpHTQ.cjs";
+import { t as Command$1 } from "../command-Cl8IiIDV.cjs";
+import * as react49 from "react";
+import { Command } from "cmdk";
+
+//#region packages/components/ui/multi-select.d.ts
+interface Option {
+  value: string;
+  label: string;
+  disable?: boolean;
+  /** fixed option that can‘t be removed. */
+  fixed?: boolean;
+  /** Group the options by providing key. */
+  [key: string]: string | boolean | undefined;
+}
+interface MultipleSelectorProps {
+  value?: Option[];
+  defaultOptions?: Option[];
+  /** manually controlled options */
+  options?: Option[];
+  placeholder?: string;
+  /** Loading component. */
+  loadingIndicator?: React.ReactNode;
+  /** Empty component. */
+  emptyIndicator?: React.ReactNode;
+  /** Debounce time for async search. Only work with `onSearch`. */
+  delay?: number;
+  /**
+   * Only work with `onSearch` prop. Trigger search when `onFocus`.
+   * For example, when user click on the input, it will trigger the search to get initial options.
+   **/
+  triggerSearchOnFocus?: boolean;
+  /** async search */
+  onSearch?: (value: string) => Promise<Option[]>;
+  /**
+   * sync search. This search will not showing loadingIndicator.
+   * The rest props are the same as async search.
+   * i.e.: creatable, groupBy, delay.
+   **/
+  onSearchSync?: (value: string) => Option[];
+  onChange?: (options: Option[]) => void;
+  /** Limit the maximum number of selected options. */
+  maxSelected?: number;
+  /** When the number of selected options exceeds the limit, the onMaxSelected will be called. */
+  onMaxSelected?: (maxLimit: number) => void;
+  /** Hide the placeholder when there are options selected. */
+  hidePlaceholderWhenSelected?: boolean;
+  disabled?: boolean;
+  /** Group the options base on provided key. */
+  groupBy?: string;
+  className?: string;
+  badgeClassName?: string;
+  /**
+   * First item selected is a default behavior by cmdk. That is why the default is true.
+   * This is a workaround solution by add a dummy item.
+   *
+   * @reference: https://github.com/pacocoursey/cmdk/issues/171
+   */
+  selectFirstItem?: boolean;
+  /** Allow user to create option when there is no option matched. */
+  creatable?: boolean;
+  /** Props of `Command` */
+  commandProps?: React.ComponentPropsWithoutRef<typeof Command$1>;
+  /** Props of `CommandInput` */
+  inputProps?: Omit<React.ComponentPropsWithoutRef<typeof Command.Input>, 'value' | 'placeholder' | 'disabled'>;
+  /** hide the clear all button. */
+  hideClearAllButton?: boolean;
+  /**  Add new item event for select with search */
+  onAddNewItem?: () => void;
+}
+interface MultipleSelectorRef {
+  selectedValue: Option[];
+  input: HTMLInputElement;
+  focus: () => void;
+  reset: () => void;
+}
+declare function useDebounce<T>(value: T, delay?: number): T;
+declare const MultipleSelector: react49.ForwardRefExoticComponent<MultipleSelectorProps & react49.RefAttributes<MultipleSelectorRef>>;
+//#endregion
+export { MultipleSelector, MultipleSelectorRef, Option, useDebounce };
+//# sourceMappingURL=multi-select-D7V4eYjz.d.cts.map

package/dist/ui/multi-select.cjs

@@ -1 +1 @@
-"use client";require(`../dist-BdSAGFCS.cjs`),require(`../button-variants-BebiEdiS.cjs`),require(`../button-BKgDCyHZ.cjs`),require(`../dialog-BZrI1ggR.cjs`),require(`../command-Dg7FupyW.cjs`);const e=require(`../multi-select-Bc2t1mVU.cjs`);exports.MultipleSelector=e.t,exports.useDebounce=e.n;
+"use client";require(`../dist-Dh8WwRa8.cjs`),require(`../button.variants-D1vkzrn1.cjs`),require(`../button-BSQjtXgG.cjs`),require(`../dialog-BZSD5ydg.cjs`),require(`../command-B2WOEAng.cjs`);const e=require(`../multi-select-watyeXb-.cjs`);exports.MultipleSelector=e.t,exports.useDebounce=e.n;

package/dist/ui/multi-select.js

@@ -1 +1 @@
-"use client";import"../dist-B3j6PslN.js";import"../button-variants-D1PJJEST.js";import"../button-dQ8MuLKP.js";import"../dialog-CTvVeLHn.js";import"../command-D6cWtNo8.js";import{n as e,t}from"../multi-select-DaAjkqhs.js";export{t as MultipleSelector,e as useDebounce};
+"use client";import"../dist--0WptDez.js";import"../button.variants-D-o2smvP.js";import"../button-ZBnX9IoC.js";import"../dialog-BXrkkvSS.js";import"../command-BCjoeG8s.js";import{n as e,t}from"../multi-select-D4OhB1ZU.js";export{t as MultipleSelector,e as useDebounce};

package/dist/ui/navigation-menu-D4JjHlO6.d.ts

@@ -0,0 +1,46 @@
+import * as react_jsx_runtime190 from "react/jsx-runtime";
+import { NavigationMenu as NavigationMenu$1 } from "radix-ui";
+import * as class_variance_authority_types6 from "class-variance-authority/types";
+
+//#region packages/components/ui/navigation-menu.d.ts
+declare function NavigationMenu({
+  className,
+  children,
+  viewport,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu$1.Root> & {
+  viewport?: boolean;
+}): react_jsx_runtime190.JSX.Element;
+declare function NavigationMenuList({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu$1.List>): react_jsx_runtime190.JSX.Element;
+declare function NavigationMenuItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu$1.Item>): react_jsx_runtime190.JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types6.ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu$1.Trigger>): react_jsx_runtime190.JSX.Element;
+declare function NavigationMenuContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu$1.Content>): react_jsx_runtime190.JSX.Element;
+declare function NavigationMenuViewport({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu$1.Viewport>): react_jsx_runtime190.JSX.Element;
+declare function NavigationMenuLink({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu$1.Link>): react_jsx_runtime190.JSX.Element;
+declare function NavigationMenuIndicator({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu$1.Indicator>): react_jsx_runtime190.JSX.Element;
+//#endregion
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
+//# sourceMappingURL=navigation-menu-D4JjHlO6.d.ts.map

package/dist/ui/navigation-menu-Dj1_pNuW.d.cts

@@ -0,0 +1,46 @@
+import * as react_jsx_runtime225 from "react/jsx-runtime";
+import * as class_variance_authority_types6 from "class-variance-authority/types";
+import { NavigationMenu as NavigationMenu$1 } from "radix-ui";
+
+//#region packages/components/ui/navigation-menu.d.ts
+declare function NavigationMenu({
+  className,
+  children,
+  viewport,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu$1.Root> & {
+  viewport?: boolean;
+}): react_jsx_runtime225.JSX.Element;
+declare function NavigationMenuList({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu$1.List>): react_jsx_runtime225.JSX.Element;
+declare function NavigationMenuItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu$1.Item>): react_jsx_runtime225.JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types6.ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu$1.Trigger>): react_jsx_runtime225.JSX.Element;
+declare function NavigationMenuContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu$1.Content>): react_jsx_runtime225.JSX.Element;
+declare function NavigationMenuViewport({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu$1.Viewport>): react_jsx_runtime225.JSX.Element;
+declare function NavigationMenuLink({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu$1.Link>): react_jsx_runtime225.JSX.Element;
+declare function NavigationMenuIndicator({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu$1.Indicator>): react_jsx_runtime225.JSX.Element;
+//#endregion
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
+//# sourceMappingURL=navigation-menu-Dj1_pNuW.d.cts.map

package/dist/ui/navigation-menu.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-DjWAcSYV.cjs`);let t=require(`lucide-react`);t=e.t(t);let n=require(`@customafk/react-toolkit/utils`);n=e.t(n);let r=require(`react/jsx-runtime`);r=e.t(r);let i=require(`class-variance-authority`);i=e.t(i);let a=require(`radix-ui`);a=e.t(a);function o({className:e,children:t,viewport:i=!0,...o}){return(0,r.jsxs)(a.NavigationMenu.Root,{"data-slot":`navigation-menu`,"data-viewport":i,className:(0,n.cn)(`group/navigation-menu relative flex max-w-max flex-1 items-center justify-center`,e),...o,children:[t,i&&(0,r.jsx)(f,{})]})}function s({className:e,...t}){return(0,r.jsx)(a.NavigationMenu.List,{"data-slot":`navigation-menu-list`,className:(0,n.cn)(`group flex flex-1 list-none items-center justify-center gap-1`,e),...t})}function c({className:e,...t}){return(0,r.jsx)(a.NavigationMenu.Item,{"data-slot":`navigation-menu-item`,className:(0,n.cn)(`relative`,e),...t})}const l=(0,i.cva)([`group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium`,`outline-none transition-[color,box-shadow]`,`hover:bg-muted-muted`,`hover:text-text-positive-strong`,`focus:bg-muted-muted`,`focus:text-text-positive-strong`,`disabled:pointer-events-none`,`disabled:opacity-50`,`data-[state=open]:hover:bg-muted-muted`,`data-[state=open]:text-text-positive-strong`,`data-[state=open]:focus:bg-muted-muted`,`data-[state=open]:bg-muted-weak`,`focus-visible:ring-primary-weak`,`focus-visible:ring-[3px]`,`focus-visible:outline-1`]);function u({className:e,children:i,...o}){return(0,r.jsxs)(a.NavigationMenu.Trigger,{"data-slot":`navigation-menu-trigger`,className:(0,n.cn)(l(),`group`,e),...o,children:[i,` `,(0,r.jsx)(t.ChevronDownIcon,{className:`relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180`,"aria-hidden":`true`})]})}function d({className:e,...t}){return(0,r.jsx)(a.NavigationMenu.Content,{"data-slot":`navigation-menu-content`,className:(0,n.cn)(`data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto`,`group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none`,e),...t})}function f({className:e,...t}){return(0,r.jsx)(`div`,{className:(0,n.cn)(`absolute top-full left-0 isolate z-50 flex justify-center`),children:(0,r.jsx)(a.NavigationMenu.Viewport,{"data-slot":`navigation-menu-viewport`,className:(0,n.cn)(`origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]`,e),...t})})}function p({className:e,...t}){return(0,r.jsx)(a.NavigationMenu.Link,{"data-slot":`navigation-menu-link`,className:(0,n.cn)(`text-text-positive flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none`,`hover:bg-muted-muted`,`hover:text-text-positive-strong`,`focus:bg-muted-muted`,`focus:text-text-positive-strong`,`focus-visible:ring-primary-weak`,`focus-visible:outline-1`,`focus-visible:ring-[3px]`,`[&_svg:not([class*='text-'])]:text-text-positive-weak`,`[&_svg:not([class*='size-'])]:size-4`,`data-[active=true]:focus:bg-muted-muted`,`data-[active=true]:hover:bg-muted-muted`,`data-[active=true]:bg-muted-weak`,`data-[active=true]:text-text-positive-strong`,e),...t})}function m({className:e,...t}){return(0,r.jsx)(a.NavigationMenu.Indicator,{"data-slot":`navigation-menu-indicator`,className:(0,n.cn)(`top-full z-1 flex h-1.5 items-end justify-center overflow-hidden`,`data-[state=visible]:animate-in`,`data-[state=hidden]:animate-out`,`data-[state=hidden]:fade-out`,`data-[state=visible]:fade-in`,e),...t,children:(0,r.jsx)(`div`,{className:`bg-border relative top-3/5 h-2 w-2 rotate-45 rounded-tl-sm shadow-md`})})}exports.NavigationMenu=o,exports.NavigationMenuContent=d,exports.NavigationMenuIndicator=m,exports.NavigationMenuItem=c,exports.NavigationMenuLink=p,exports.NavigationMenuList=s,exports.NavigationMenuTrigger=u,exports.NavigationMenuViewport=f,exports.navigationMenuTriggerStyle=l;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`lucide-react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`class-variance-authority`),a=require(`radix-ui`);function o({className:e,children:t,viewport:i=!0,...o}){return(0,r.jsxs)(a.NavigationMenu.Root,{"data-slot":`navigation-menu`,"data-viewport":i,className:(0,n.cn)(`group/navigation-menu relative flex max-w-max flex-1 items-center justify-center`,e),...o,children:[t,i&&(0,r.jsx)(f,{})]})}function s({className:e,...t}){return(0,r.jsx)(a.NavigationMenu.List,{"data-slot":`navigation-menu-list`,className:(0,n.cn)(`group flex flex-1 list-none items-center justify-center gap-1`,e),...t})}function c({className:e,...t}){return(0,r.jsx)(a.NavigationMenu.Item,{"data-slot":`navigation-menu-item`,className:(0,n.cn)(`relative`,e),...t})}const l=(0,i.cva)([`group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium`,`outline-none transition-[color,box-shadow]`,`hover:bg-muted-muted`,`hover:text-text-positive-strong`,`focus:bg-muted-muted`,`focus:text-text-positive-strong`,`disabled:pointer-events-none`,`disabled:opacity-50`,`data-[state=open]:hover:bg-muted-muted`,`data-[state=open]:text-text-positive-strong`,`data-[state=open]:focus:bg-muted-muted`,`data-[state=open]:bg-muted-weak`,`focus-visible:ring-primary-weak`,`focus-visible:ring-[3px]`,`focus-visible:outline-1`]);function u({className:e,children:i,...o}){return(0,r.jsxs)(a.NavigationMenu.Trigger,{"data-slot":`navigation-menu-trigger`,className:(0,n.cn)(l(),`group`,e),...o,children:[i,` `,(0,r.jsx)(t.ChevronDownIcon,{className:`relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180`,"aria-hidden":`true`})]})}function d({className:e,...t}){return(0,r.jsx)(a.NavigationMenu.Content,{"data-slot":`navigation-menu-content`,className:(0,n.cn)(`data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto`,`group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none`,e),...t})}function f({className:e,...t}){return(0,r.jsx)(`div`,{className:(0,n.cn)(`absolute top-full left-0 isolate z-50 flex justify-center`),children:(0,r.jsx)(a.NavigationMenu.Viewport,{"data-slot":`navigation-menu-viewport`,className:(0,n.cn)(`origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]`,e),...t})})}function p({className:e,...t}){return(0,r.jsx)(a.NavigationMenu.Link,{"data-slot":`navigation-menu-link`,className:(0,n.cn)(`text-text-positive flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none`,`hover:bg-muted-muted`,`hover:text-text-positive-strong`,`focus:bg-muted-muted`,`focus:text-text-positive-strong`,`focus-visible:ring-primary-weak`,`focus-visible:outline-1`,`focus-visible:ring-[3px]`,`[&_svg:not([class*='text-'])]:text-text-positive-weak`,`[&_svg:not([class*='size-'])]:size-4`,`data-[active=true]:focus:bg-muted-muted`,`data-[active=true]:hover:bg-muted-muted`,`data-[active=true]:bg-muted-weak`,`data-[active=true]:text-text-positive-strong`,e),...t})}function m({className:e,...t}){return(0,r.jsx)(a.NavigationMenu.Indicator,{"data-slot":`navigation-menu-indicator`,className:(0,n.cn)(`top-full z-1 flex h-1.5 items-end justify-center overflow-hidden`,`data-[state=visible]:animate-in`,`data-[state=hidden]:animate-out`,`data-[state=hidden]:fade-out`,`data-[state=visible]:fade-in`,e),...t,children:(0,r.jsx)(`div`,{className:`bg-border relative top-3/5 h-2 w-2 rotate-45 rounded-tl-sm shadow-md`})})}exports.NavigationMenu=o,exports.NavigationMenuContent=d,exports.NavigationMenuIndicator=m,exports.NavigationMenuItem=c,exports.NavigationMenuLink=p,exports.NavigationMenuList=s,exports.NavigationMenuTrigger=u,exports.NavigationMenuViewport=f,exports.navigationMenuTriggerStyle=l;
 //# sourceMappingURL=navigation-menu.cjs.map

package/dist/ui/navigation-menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.cjs","names":["NavigationMenuPrimitive","ChevronDownIcon"],"sources":["../../packages/components/ui/navigation-menu.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { ChevronDownIcon } from 'lucide-react';\n\nimport { cva } from 'class-variance-authority';\nimport { NavigationMenu as NavigationMenuPrimitive } from 'radix-ui';\n\nfunction NavigationMenu({\n  className,\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean;\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      className={cn('group/navigation-menu relative flex max-w-max flex-1 items-center justify-center', className)}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\nfunction NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn('group flex flex-1 list-none items-center justify-center gap-1', className)}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return <NavigationMenuPrimitive.Item data-slot=\"navigation-menu-item\" className={cn('relative', className)} {...props} />;\n}\n\nconst navigationMenuTriggerStyle = cva([\n  'group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium',\n  'outline-none transition-[color,box-shadow]',\n  'hover:bg-muted-muted',\n  'hover:text-text-positive-strong',\n  'focus:bg-muted-muted',\n  'focus:text-text-positive-strong',\n  'disabled:pointer-events-none',\n  'disabled:opacity-50',\n  'data-[state=open]:hover:bg-muted-muted',\n  'data-[state=open]:text-text-positive-strong',\n  'data-[state=open]:focus:bg-muted-muted',\n  'data-[state=open]:bg-muted-weak',\n  'focus-visible:ring-primary-weak',\n  'focus-visible:ring-[3px]',\n  'focus-visible:outline-1',\n]);\n\nfunction NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  return (\n    <NavigationMenuPrimitive.Trigger data-slot=\"navigation-menu-trigger\" className={cn(navigationMenuTriggerStyle(), 'group', className)} {...props}>\n      {children} <ChevronDownIcon className=\"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\" aria-hidden=\"true\" />\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\nfunction NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        'data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto',\n        'group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n  return (\n    <div className={cn('absolute top-full left-0 isolate z-50 flex justify-center')}>\n      <NavigationMenuPrimitive.Viewport\n        data-slot=\"navigation-menu-viewport\"\n        className={cn(\n          'origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]',\n          className\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        'text-text-positive flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none',\n        'hover:bg-muted-muted',\n        'hover:text-text-positive-strong',\n        'focus:bg-muted-muted',\n        'focus:text-text-positive-strong',\n        'focus-visible:ring-primary-weak',\n        'focus-visible:outline-1',\n        'focus-visible:ring-[3px]',\n        \"[&_svg:not([class*='text-'])]:text-text-positive-weak\",\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        'data-[active=true]:focus:bg-muted-muted',\n        'data-[active=true]:hover:bg-muted-muted',\n        'data-[active=true]:bg-muted-weak',\n        'data-[active=true]:text-text-positive-strong',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        'top-full z-1 flex h-1.5 items-end justify-center overflow-hidden',\n        'data-[state=visible]:animate-in',\n        'data-[state=hidden]:animate-out',\n        'data-[state=hidden]:fade-out',\n        'data-[state=visible]:fade-in',\n        className\n      )}\n      {...props}\n    >\n      <div className=\"bg-border relative top-3/5 h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n    </NavigationMenuPrimitive.Indicator>\n  );\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  // eslint-disable-next-line react-refresh/only-export-components\n  navigationMenuTriggerStyle,\n  NavigationMenuViewport,\n};\n"],"mappings":"wRAQA,SAAS,EAAe,CACtB,YACA,WACA,WAAW,GACX,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAACA,EAAAA,eAAwB,KAAA,CACvB,YAAU,kBACV,gBAAe,EACf,WAAA,EAAA,EAAA,IAAc,mFAAoF,EAAU,CAC5G,GAAI,YAEH,EACA,IAAY,EAAA,EAAA,KAAC,EAAA,EAAA,CAAyB,CAAA,EACV,CAInC,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAAA,EAAA,KAACA,EAAAA,eAAwB,KAAA,CACvB,YAAU,uBACV,WAAA,EAAA,EAAA,IAAc,gEAAiE,EAAU,CACzF,GAAI,GACJ,CAIN,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OAAO,EAAA,EAAA,KAACA,EAAAA,eAAwB,KAAA,CAAK,YAAU,uBAAuB,WAAA,EAAA,EAAA,IAAc,WAAY,EAAU,CAAE,GAAI,GAAS,CAG3H,MAAM,GAAA,EAAA,EAAA,KAAiC,CACrC,iHACA,6CACA,uBACA,kCACA,uBACA,kCACA,+BACA,sBACA,yCACA,8CACA,yCACA,kCACA,kCACA,2BACA,0BACD,CAAC,CAEF,SAAS,EAAsB,CAAE,YAAW,WAAU,GAAG,GAAuE,CAC9H,OACE,EAAA,EAAA,MAACA,EAAAA,eAAwB,QAAA,CAAQ,YAAU,0BAA0B,WAAA,EAAA,EAAA,IAAc,GAA4B,CAAE,QAAS,EAAU,CAAE,GAAI,YACvI,EAAS,KAAC,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,UAAU,4FAA4F,cAAY,QAAS,GACvH,CAItC,SAAS,EAAsB,CAAE,YAAW,GAAG,GAAuE,CACpH,OACE,EAAA,EAAA,KAACD,EAAAA,eAAwB,QAAA,CACvB,YAAU,0BACV,WAAA,EAAA,EAAA,IACE,mWACA,4hCACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAuB,CAAE,YAAW,GAAG,GAAwE,CACtH,OACE,EAAA,EAAA,KAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,4DAA4D,WAC7E,EAAA,EAAA,KAACA,EAAAA,eAAwB,SAAA,CACvB,YAAU,2BACV,WAAA,EAAA,EAAA,IACE,qVACA,EACD,CACD,GAAI,GACJ,EACE,CAIV,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAAA,EAAA,KAACA,EAAAA,eAAwB,KAAA,CACvB,YAAU,uBACV,WAAA,EAAA,EAAA,IACE,4FACA,uBACA,kCACA,uBACA,kCACA,kCACA,0BACA,2BACA,wDACA,uCACA,0CACA,0CACA,mCACA,+CACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAwB,CAAE,YAAW,GAAG,GAAyE,CACxH,OACE,EAAA,EAAA,KAACA,EAAAA,eAAwB,UAAA,CACvB,YAAU,4BACV,WAAA,EAAA,EAAA,IACE,mEACA,kCACA,kCACA,+BACA,+BACA,EACD,CACD,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,uEAAA,CAAyE,EACtD"}
+{"version":3,"file":"navigation-menu.cjs","names":["NavigationMenuPrimitive","ChevronDownIcon"],"sources":["../../packages/components/ui/navigation-menu.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { ChevronDownIcon } from 'lucide-react';\n\nimport { cva } from 'class-variance-authority';\nimport { NavigationMenu as NavigationMenuPrimitive } from 'radix-ui';\n\nfunction NavigationMenu({\n  className,\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean;\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      className={cn('group/navigation-menu relative flex max-w-max flex-1 items-center justify-center', className)}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\nfunction NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn('group flex flex-1 list-none items-center justify-center gap-1', className)}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return <NavigationMenuPrimitive.Item data-slot=\"navigation-menu-item\" className={cn('relative', className)} {...props} />;\n}\n\nconst navigationMenuTriggerStyle = cva([\n  'group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium',\n  'outline-none transition-[color,box-shadow]',\n  'hover:bg-muted-muted',\n  'hover:text-text-positive-strong',\n  'focus:bg-muted-muted',\n  'focus:text-text-positive-strong',\n  'disabled:pointer-events-none',\n  'disabled:opacity-50',\n  'data-[state=open]:hover:bg-muted-muted',\n  'data-[state=open]:text-text-positive-strong',\n  'data-[state=open]:focus:bg-muted-muted',\n  'data-[state=open]:bg-muted-weak',\n  'focus-visible:ring-primary-weak',\n  'focus-visible:ring-[3px]',\n  'focus-visible:outline-1',\n]);\n\nfunction NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  return (\n    <NavigationMenuPrimitive.Trigger data-slot=\"navigation-menu-trigger\" className={cn(navigationMenuTriggerStyle(), 'group', className)} {...props}>\n      {children} <ChevronDownIcon className=\"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\" aria-hidden=\"true\" />\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\nfunction NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        'data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto',\n        'group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n  return (\n    <div className={cn('absolute top-full left-0 isolate z-50 flex justify-center')}>\n      <NavigationMenuPrimitive.Viewport\n        data-slot=\"navigation-menu-viewport\"\n        className={cn(\n          'origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]',\n          className\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        'text-text-positive flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none',\n        'hover:bg-muted-muted',\n        'hover:text-text-positive-strong',\n        'focus:bg-muted-muted',\n        'focus:text-text-positive-strong',\n        'focus-visible:ring-primary-weak',\n        'focus-visible:outline-1',\n        'focus-visible:ring-[3px]',\n        \"[&_svg:not([class*='text-'])]:text-text-positive-weak\",\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        'data-[active=true]:focus:bg-muted-muted',\n        'data-[active=true]:hover:bg-muted-muted',\n        'data-[active=true]:bg-muted-weak',\n        'data-[active=true]:text-text-positive-strong',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        'top-full z-1 flex h-1.5 items-end justify-center overflow-hidden',\n        'data-[state=visible]:animate-in',\n        'data-[state=hidden]:animate-out',\n        'data-[state=hidden]:fade-out',\n        'data-[state=visible]:fade-in',\n        className\n      )}\n      {...props}\n    >\n      <div className=\"bg-border relative top-3/5 h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n    </NavigationMenuPrimitive.Indicator>\n  );\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  // eslint-disable-next-line react-refresh/only-export-components\n  navigationMenuTriggerStyle,\n  NavigationMenuViewport,\n};\n"],"mappings":"2NAQA,SAAS,EAAe,CACtB,YACA,WACA,WAAW,GACX,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAACA,EAAAA,eAAwB,KAAA,CACvB,YAAU,kBACV,gBAAe,EACf,WAAA,EAAA,EAAA,IAAc,mFAAoF,EAAU,CAC5G,GAAI,YAEH,EACA,IAAY,EAAA,EAAA,KAAC,EAAA,EAAA,CAAyB,CAAA,EACV,CAInC,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAAA,EAAA,KAACA,EAAAA,eAAwB,KAAA,CACvB,YAAU,uBACV,WAAA,EAAA,EAAA,IAAc,gEAAiE,EAAU,CACzF,GAAI,GACJ,CAIN,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OAAO,EAAA,EAAA,KAACA,EAAAA,eAAwB,KAAA,CAAK,YAAU,uBAAuB,WAAA,EAAA,EAAA,IAAc,WAAY,EAAU,CAAE,GAAI,GAAS,CAG3H,MAAM,GAAA,EAAA,EAAA,KAAiC,CACrC,iHACA,6CACA,uBACA,kCACA,uBACA,kCACA,+BACA,sBACA,yCACA,8CACA,yCACA,kCACA,kCACA,2BACA,0BACD,CAAC,CAEF,SAAS,EAAsB,CAAE,YAAW,WAAU,GAAG,GAAuE,CAC9H,OACE,EAAA,EAAA,MAACA,EAAAA,eAAwB,QAAA,CAAQ,YAAU,0BAA0B,WAAA,EAAA,EAAA,IAAc,GAA4B,CAAE,QAAS,EAAU,CAAE,GAAI,YACvI,EAAS,KAAC,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,UAAU,4FAA4F,cAAY,QAAS,GACvH,CAItC,SAAS,EAAsB,CAAE,YAAW,GAAG,GAAuE,CACpH,OACE,EAAA,EAAA,KAACD,EAAAA,eAAwB,QAAA,CACvB,YAAU,0BACV,WAAA,EAAA,EAAA,IACE,mWACA,4hCACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAuB,CAAE,YAAW,GAAG,GAAwE,CACtH,OACE,EAAA,EAAA,KAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,4DAA4D,WAC7E,EAAA,EAAA,KAACA,EAAAA,eAAwB,SAAA,CACvB,YAAU,2BACV,WAAA,EAAA,EAAA,IACE,qVACA,EACD,CACD,GAAI,GACJ,EACE,CAIV,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAAA,EAAA,KAACA,EAAAA,eAAwB,KAAA,CACvB,YAAU,uBACV,WAAA,EAAA,EAAA,IACE,4FACA,uBACA,kCACA,uBACA,kCACA,kCACA,0BACA,2BACA,wDACA,uCACA,0CACA,0CACA,mCACA,+CACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAwB,CAAE,YAAW,GAAG,GAAyE,CACxH,OACE,EAAA,EAAA,KAACA,EAAAA,eAAwB,UAAA,CACvB,YAAU,4BACV,WAAA,EAAA,EAAA,IACE,mEACA,kCACA,kCACA,+BACA,+BACA,EACD,CACD,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,uEAAA,CAAyE,EACtD"}

package/dist/ui/pagination-CefYojRn.d.ts

@@ -0,0 +1,39 @@
+import { t as Button } from "../button-DvOxdTpu.js";
+import * as react_jsx_runtime201 from "react/jsx-runtime";
+
+//#region packages/components/ui/pagination.d.ts
+declare function Pagination({
+  className,
+  ...props
+}: React.ComponentProps<'nav'>): react_jsx_runtime201.JSX.Element;
+declare function PaginationContent({
+  className,
+  ...props
+}: React.ComponentProps<'ul'>): react_jsx_runtime201.JSX.Element;
+declare function PaginationItem({
+  ...props
+}: React.ComponentProps<'li'>): react_jsx_runtime201.JSX.Element;
+type PaginationLinkProps = {
+  isActive?: boolean;
+} & Pick<React.ComponentProps<typeof Button>, 'size'> & React.ComponentProps<'a'>;
+declare function PaginationLink({
+  className,
+  isActive,
+  size,
+  ...props
+}: PaginationLinkProps): react_jsx_runtime201.JSX.Element;
+declare function PaginationPrevious({
+  className,
+  ...props
+}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime201.JSX.Element;
+declare function PaginationNext({
+  className,
+  ...props
+}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime201.JSX.Element;
+declare function PaginationEllipsis({
+  className,
+  ...props
+}: React.ComponentProps<'span'>): react_jsx_runtime201.JSX.Element;
+//#endregion
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
+//# sourceMappingURL=pagination-CefYojRn.d.ts.map

package/dist/ui/pagination-m2GL3CwA.d.cts

@@ -0,0 +1,39 @@
+import { t as Button } from "../button-DWso3cFH.cjs";
+import * as react_jsx_runtime210 from "react/jsx-runtime";
+
+//#region packages/components/ui/pagination.d.ts
+declare function Pagination({
+  className,
+  ...props
+}: React.ComponentProps<'nav'>): react_jsx_runtime210.JSX.Element;
+declare function PaginationContent({
+  className,
+  ...props
+}: React.ComponentProps<'ul'>): react_jsx_runtime210.JSX.Element;
+declare function PaginationItem({
+  ...props
+}: React.ComponentProps<'li'>): react_jsx_runtime210.JSX.Element;
+type PaginationLinkProps = {
+  isActive?: boolean;
+} & Pick<React.ComponentProps<typeof Button>, 'size'> & React.ComponentProps<'a'>;
+declare function PaginationLink({
+  className,
+  isActive,
+  size,
+  ...props
+}: PaginationLinkProps): react_jsx_runtime210.JSX.Element;
+declare function PaginationPrevious({
+  className,
+  ...props
+}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime210.JSX.Element;
+declare function PaginationNext({
+  className,
+  ...props
+}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime210.JSX.Element;
+declare function PaginationEllipsis({
+  className,
+  ...props
+}: React.ComponentProps<'span'>): react_jsx_runtime210.JSX.Element;
+//#endregion
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
+//# sourceMappingURL=pagination-m2GL3CwA.d.cts.map

package/dist/ui/pagination.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-DjWAcSYV.cjs`);require(`../dist-BdSAGFCS.cjs`);const t=require(`../button-variants-BebiEdiS.cjs`);require(`../button-BKgDCyHZ.cjs`);let n=require(`lucide-react`);n=e.t(n);let r=require(`@customafk/react-toolkit/utils`);r=e.t(r);let i=require(`react/jsx-runtime`);i=e.t(i);function a({className:e,...t}){return(0,i.jsx)(`nav`,{role:`navigation`,"aria-label":`pagination`,"data-slot":`pagination`,className:(0,r.cn)(`mx-auto flex w-full justify-center`,e),...t})}function o({className:e,...t}){return(0,i.jsx)(`ul`,{"data-slot":`pagination-content`,className:(0,r.cn)(`flex flex-row items-center gap-1`,e),...t})}function s({...e}){return(0,i.jsx)(`li`,{"data-slot":`pagination-item`,...e})}function c({className:e,isActive:n,size:a=`icon`,...o}){return(0,i.jsx)(`a`,{"aria-current":n?`page`:void 0,"data-slot":`pagination-link`,"data-active":n,className:(0,r.cn)(t.t({variant:n?`outline`:`ghost`,size:a}),e),...o})}function l({className:e,...t}){return(0,i.jsxs)(c,{"aria-label":`Go to previous page`,size:`default`,className:(0,r.cn)(`gap-1 px-2.5 sm:pl-2.5`,e),...t,children:[(0,i.jsx)(n.ChevronLeftIcon,{}),(0,i.jsx)(`span`,{className:`hidden sm:block`,children:`Previous`})]})}function u({className:e,...t}){return(0,i.jsxs)(c,{"aria-label":`Go to next page`,size:`default`,className:(0,r.cn)(`gap-1 px-2.5 sm:pr-2.5`,e),...t,children:[(0,i.jsx)(`span`,{className:`hidden sm:block`,children:`Next`}),(0,i.jsx)(n.ChevronRightIcon,{})]})}function d({className:e,...t}){return(0,i.jsxs)(`span`,{"aria-hidden":!0,"data-slot":`pagination-ellipsis`,className:(0,r.cn)(`flex size-9 items-center justify-center`,e),...t,children:[(0,i.jsx)(n.MoreHorizontalIcon,{className:`size-4`}),(0,i.jsx)(`span`,{className:`sr-only`,children:`More pages`})]})}exports.Pagination=a,exports.PaginationContent=o,exports.PaginationEllipsis=d,exports.PaginationItem=s,exports.PaginationLink=c,exports.PaginationNext=u,exports.PaginationPrevious=l;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../button.variants-D1vkzrn1.cjs`);let n=require(`lucide-react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`);function a({className:e,...t}){return(0,i.jsx)(`nav`,{role:`navigation`,"aria-label":`pagination`,"data-slot":`pagination`,className:(0,r.cn)(`mx-auto flex w-full justify-center`,e),...t})}function o({className:e,...t}){return(0,i.jsx)(`ul`,{"data-slot":`pagination-content`,className:(0,r.cn)(`flex flex-row items-center gap-1`,e),...t})}function s({...e}){return(0,i.jsx)(`li`,{"data-slot":`pagination-item`,...e})}function c({className:e,isActive:n,size:a=`icon`,...o}){return(0,i.jsx)(`a`,{"aria-current":n?`page`:void 0,"data-slot":`pagination-link`,"data-active":n,className:(0,r.cn)(t.n({variant:n?`outline`:`ghost`,size:a}),e),...o})}function l({className:e,...t}){return(0,i.jsxs)(c,{"aria-label":`Go to previous page`,size:`default`,className:(0,r.cn)(`gap-1 px-2.5 sm:pl-2.5`,e),...t,children:[(0,i.jsx)(n.ChevronLeftIcon,{}),(0,i.jsx)(`span`,{className:`hidden sm:block`,children:`Previous`})]})}function u({className:e,...t}){return(0,i.jsxs)(c,{"aria-label":`Go to next page`,size:`default`,className:(0,r.cn)(`gap-1 px-2.5 sm:pr-2.5`,e),...t,children:[(0,i.jsx)(`span`,{className:`hidden sm:block`,children:`Next`}),(0,i.jsx)(n.ChevronRightIcon,{})]})}function d({className:e,...t}){return(0,i.jsxs)(`span`,{"aria-hidden":!0,"data-slot":`pagination-ellipsis`,className:(0,r.cn)(`flex size-9 items-center justify-center`,e),...t,children:[(0,i.jsx)(n.MoreHorizontalIcon,{className:`size-4`}),(0,i.jsx)(`span`,{className:`sr-only`,children:`More pages`})]})}exports.Pagination=a,exports.PaginationContent=o,exports.PaginationEllipsis=d,exports.PaginationItem=s,exports.PaginationLink=c,exports.PaginationNext=u,exports.PaginationPrevious=l;
 //# sourceMappingURL=pagination.cjs.map

package/dist/ui/pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.cjs","names":["buttonVariants","ChevronLeftIcon","ChevronRightIcon","MoreHorizontalIcon"],"sources":["../../packages/components/ui/pagination.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';\n\nimport { Button } from '@/components/ui/button';\n\nimport { buttonVariants } from './button-variants';\n\nfunction Pagination({ className, ...props }: React.ComponentProps<'nav'>) {\n  return <nav role=\"navigation\" aria-label=\"pagination\" data-slot=\"pagination\" className={cn('mx-auto flex w-full justify-center', className)} {...props} />;\n}\n\nfunction PaginationContent({ className, ...props }: React.ComponentProps<'ul'>) {\n  return <ul data-slot=\"pagination-content\" className={cn('flex flex-row items-center gap-1', className)} {...props} />;\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<'li'>) {\n  return <li data-slot=\"pagination-item\" {...props} />;\n}\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, 'size'> &\n  React.ComponentProps<'a'>;\n\nfunction PaginationLink({ className, isActive, size = 'icon', ...props }: PaginationLinkProps) {\n  return (\n    <a\n      aria-current={isActive ? 'page' : undefined}\n      data-slot=\"pagination-link\"\n      data-active={isActive}\n      className={cn(\n        buttonVariants({\n          variant: isActive ? 'outline' : 'ghost',\n          size,\n        }),\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink aria-label=\"Go to previous page\" size=\"default\" className={cn('gap-1 px-2.5 sm:pl-2.5', className)} {...props}>\n      <ChevronLeftIcon />\n      <span className=\"hidden sm:block\">Previous</span>\n    </PaginationLink>\n  );\n}\n\nfunction PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink aria-label=\"Go to next page\" size=\"default\" className={cn('gap-1 px-2.5 sm:pr-2.5', className)} {...props}>\n      <span className=\"hidden sm:block\">Next</span>\n      <ChevronRightIcon />\n    </PaginationLink>\n  );\n}\n\nfunction PaginationEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span aria-hidden data-slot=\"pagination-ellipsis\" className={cn('flex size-9 items-center justify-center', className)} {...props}>\n      <MoreHorizontalIcon className=\"size-4\" />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n\nexport { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };\n"],"mappings":"uTASA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,KAAK,aAAa,aAAW,aAAa,YAAU,aAAa,WAAA,EAAA,EAAA,IAAc,qCAAsC,EAAU,CAAE,GAAI,GAAS,CAG5J,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAqC,CAC9E,OAAO,EAAA,EAAA,KAAC,KAAA,CAAG,YAAU,qBAAqB,WAAA,EAAA,EAAA,IAAc,mCAAoC,EAAU,CAAE,GAAI,GAAS,CAGvH,SAAS,EAAe,CAAE,GAAG,GAAqC,CAChE,OAAO,EAAA,EAAA,KAAC,KAAA,CAAG,YAAU,kBAAkB,GAAI,GAAS,CAQtD,SAAS,EAAe,CAAE,YAAW,WAAU,OAAO,OAAQ,GAAG,GAA8B,CAC7F,OACE,EAAA,EAAA,KAAC,IAAA,CACC,eAAc,EAAW,OAAS,IAAA,GAClC,YAAU,kBACV,cAAa,EACb,WAAA,EAAA,EAAA,IACEA,EAAAA,EAAe,CACb,QAAS,EAAW,UAAY,QAChC,OACD,CAAC,CACF,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAsD,CAChG,OACE,EAAA,EAAA,MAAC,EAAA,CAAe,aAAW,sBAAsB,KAAK,UAAU,WAAA,EAAA,EAAA,IAAc,yBAA0B,EAAU,CAAE,GAAI,aACtH,EAAA,EAAA,KAACC,EAAAA,gBAAAA,EAAAA,CAAkB,EACnB,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,2BAAkB,YAAe,CAAA,EAClC,CAIrB,SAAS,EAAe,CAAE,YAAW,GAAG,GAAsD,CAC5F,OACE,EAAA,EAAA,MAAC,EAAA,CAAe,aAAW,kBAAkB,KAAK,UAAU,WAAA,EAAA,EAAA,IAAc,yBAA0B,EAAU,CAAE,GAAI,aAClH,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,2BAAkB,QAAW,EAC7C,EAAA,EAAA,KAACC,EAAAA,iBAAAA,EAAAA,CAAmB,CAAA,EACL,CAIrB,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAuC,CACjF,OACE,EAAA,EAAA,MAAC,OAAA,CAAK,cAAA,GAAY,YAAU,sBAAsB,WAAA,EAAA,EAAA,IAAc,0CAA2C,EAAU,CAAE,GAAI,aACzH,EAAA,EAAA,KAACC,EAAAA,mBAAAA,CAAmB,UAAU,SAAA,CAAW,EACzC,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,mBAAU,cAAiB,CAAA,EACtC"}
+{"version":3,"file":"pagination.cjs","names":["buttonVariants","ChevronLeftIcon","ChevronRightIcon","MoreHorizontalIcon"],"sources":["../../packages/components/ui/pagination.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport type { Button } from '@/components/ui/button';\nimport { buttonVariants } from './button.variants';\n\nfunction Pagination({ className, ...props }: React.ComponentProps<'nav'>) {\n  return <nav role=\"navigation\" aria-label=\"pagination\" data-slot=\"pagination\" className={cn('mx-auto flex w-full justify-center', className)} {...props} />;\n}\n\nfunction PaginationContent({ className, ...props }: React.ComponentProps<'ul'>) {\n  return <ul data-slot=\"pagination-content\" className={cn('flex flex-row items-center gap-1', className)} {...props} />;\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<'li'>) {\n  return <li data-slot=\"pagination-item\" {...props} />;\n}\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, 'size'> &\n  React.ComponentProps<'a'>;\n\nfunction PaginationLink({ className, isActive, size = 'icon', ...props }: PaginationLinkProps) {\n  return (\n    <a\n      aria-current={isActive ? 'page' : undefined}\n      data-slot=\"pagination-link\"\n      data-active={isActive}\n      className={cn(\n        buttonVariants({\n          variant: isActive ? 'outline' : 'ghost',\n          size,\n        }),\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink aria-label=\"Go to previous page\" size=\"default\" className={cn('gap-1 px-2.5 sm:pl-2.5', className)} {...props}>\n      <ChevronLeftIcon />\n      <span className=\"hidden sm:block\">Previous</span>\n    </PaginationLink>\n  );\n}\n\nfunction PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink aria-label=\"Go to next page\" size=\"default\" className={cn('gap-1 px-2.5 sm:pr-2.5', className)} {...props}>\n      <span className=\"hidden sm:block\">Next</span>\n      <ChevronRightIcon />\n    </PaginationLink>\n  );\n}\n\nfunction PaginationEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span aria-hidden data-slot=\"pagination-ellipsis\" className={cn('flex size-9 items-center justify-center', className)} {...props}>\n      <MoreHorizontalIcon className=\"size-4\" />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n\nexport { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };\n"],"mappings":"4MASA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,KAAK,aAAa,aAAW,aAAa,YAAU,aAAa,WAAA,EAAA,EAAA,IAAc,qCAAsC,EAAU,CAAE,GAAI,GAAS,CAG5J,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAqC,CAC9E,OAAO,EAAA,EAAA,KAAC,KAAA,CAAG,YAAU,qBAAqB,WAAA,EAAA,EAAA,IAAc,mCAAoC,EAAU,CAAE,GAAI,GAAS,CAGvH,SAAS,EAAe,CAAE,GAAG,GAAqC,CAChE,OAAO,EAAA,EAAA,KAAC,KAAA,CAAG,YAAU,kBAAkB,GAAI,GAAS,CAQtD,SAAS,EAAe,CAAE,YAAW,WAAU,OAAO,OAAQ,GAAG,GAA8B,CAC7F,OACE,EAAA,EAAA,KAAC,IAAA,CACC,eAAc,EAAW,OAAS,IAAA,GAClC,YAAU,kBACV,cAAa,EACb,WAAA,EAAA,EAAA,IACEA,EAAAA,EAAe,CACb,QAAS,EAAW,UAAY,QAChC,OACD,CAAC,CACF,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAsD,CAChG,OACE,EAAA,EAAA,MAAC,EAAA,CAAe,aAAW,sBAAsB,KAAK,UAAU,WAAA,EAAA,EAAA,IAAc,yBAA0B,EAAU,CAAE,GAAI,aACtH,EAAA,EAAA,KAACC,EAAAA,gBAAAA,EAAAA,CAAkB,EACnB,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,2BAAkB,YAAe,CAAA,EAClC,CAIrB,SAAS,EAAe,CAAE,YAAW,GAAG,GAAsD,CAC5F,OACE,EAAA,EAAA,MAAC,EAAA,CAAe,aAAW,kBAAkB,KAAK,UAAU,WAAA,EAAA,EAAA,IAAc,yBAA0B,EAAU,CAAE,GAAI,aAClH,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,2BAAkB,QAAW,EAC7C,EAAA,EAAA,KAACC,EAAAA,iBAAAA,EAAAA,CAAmB,CAAA,EACL,CAIrB,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAuC,CACjF,OACE,EAAA,EAAA,MAAC,OAAA,CAAK,cAAA,GAAY,YAAU,sBAAsB,WAAA,EAAA,EAAA,IAAc,0CAA2C,EAAU,CAAE,GAAI,aACzH,EAAA,EAAA,KAACC,EAAAA,mBAAAA,CAAmB,UAAU,SAAA,CAAW,EACzC,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,mBAAU,cAAiB,CAAA,EACtC"}

package/dist/ui/pagination.js

@@ -1,2 +1,2 @@
-"use client";import"../dist-B3j6PslN.js";import{t as e}from"../button-variants-D1PJJEST.js";import"../button-dQ8MuLKP.js";import{ChevronLeftIcon as t,ChevronRightIcon as n,MoreHorizontalIcon as r}from"lucide-react";import{cn as i}from"@customafk/react-toolkit/utils";import{jsx as a,jsxs as o}from"react/jsx-runtime";function s({className:e,...t}){return a(`nav`,{role:`navigation`,"aria-label":`pagination`,"data-slot":`pagination`,className:i(`mx-auto flex w-full justify-center`,e),...t})}function c({className:e,...t}){return a(`ul`,{"data-slot":`pagination-content`,className:i(`flex flex-row items-center gap-1`,e),...t})}function l({...e}){return a(`li`,{"data-slot":`pagination-item`,...e})}function u({className:t,isActive:n,size:r=`icon`,...o}){return a(`a`,{"aria-current":n?`page`:void 0,"data-slot":`pagination-link`,"data-active":n,className:i(e({variant:n?`outline`:`ghost`,size:r}),t),...o})}function d({className:e,...n}){return o(u,{"aria-label":`Go to previous page`,size:`default`,className:i(`gap-1 px-2.5 sm:pl-2.5`,e),...n,children:[a(t,{}),a(`span`,{className:`hidden sm:block`,children:`Previous`})]})}function f({className:e,...t}){return o(u,{"aria-label":`Go to next page`,size:`default`,className:i(`gap-1 px-2.5 sm:pr-2.5`,e),...t,children:[a(`span`,{className:`hidden sm:block`,children:`Next`}),a(n,{})]})}function p({className:e,...t}){return o(`span`,{"aria-hidden":!0,"data-slot":`pagination-ellipsis`,className:i(`flex size-9 items-center justify-center`,e),...t,children:[a(r,{className:`size-4`}),a(`span`,{className:`sr-only`,children:`More pages`})]})}export{s as Pagination,c as PaginationContent,p as PaginationEllipsis,l as PaginationItem,u as PaginationLink,f as PaginationNext,d as PaginationPrevious};
+"use client";import{n as e}from"../button.variants-D-o2smvP.js";import{ChevronLeftIcon as t,ChevronRightIcon as n,MoreHorizontalIcon as r}from"lucide-react";import{cn as i}from"@customafk/react-toolkit/utils";import{jsx as a,jsxs as o}from"react/jsx-runtime";function s({className:e,...t}){return a(`nav`,{role:`navigation`,"aria-label":`pagination`,"data-slot":`pagination`,className:i(`mx-auto flex w-full justify-center`,e),...t})}function c({className:e,...t}){return a(`ul`,{"data-slot":`pagination-content`,className:i(`flex flex-row items-center gap-1`,e),...t})}function l({...e}){return a(`li`,{"data-slot":`pagination-item`,...e})}function u({className:t,isActive:n,size:r=`icon`,...o}){return a(`a`,{"aria-current":n?`page`:void 0,"data-slot":`pagination-link`,"data-active":n,className:i(e({variant:n?`outline`:`ghost`,size:r}),t),...o})}function d({className:e,...n}){return o(u,{"aria-label":`Go to previous page`,size:`default`,className:i(`gap-1 px-2.5 sm:pl-2.5`,e),...n,children:[a(t,{}),a(`span`,{className:`hidden sm:block`,children:`Previous`})]})}function f({className:e,...t}){return o(u,{"aria-label":`Go to next page`,size:`default`,className:i(`gap-1 px-2.5 sm:pr-2.5`,e),...t,children:[a(`span`,{className:`hidden sm:block`,children:`Next`}),a(n,{})]})}function p({className:e,...t}){return o(`span`,{"aria-hidden":!0,"data-slot":`pagination-ellipsis`,className:i(`flex size-9 items-center justify-center`,e),...t,children:[a(r,{className:`size-4`}),a(`span`,{className:`sr-only`,children:`More pages`})]})}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/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":[],"sources":["../../packages/components/ui/pagination.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';\n\nimport { Button } from '@/components/ui/button';\n\nimport { buttonVariants } from './button-variants';\n\nfunction Pagination({ className, ...props }: React.ComponentProps<'nav'>) {\n  return <nav role=\"navigation\" aria-label=\"pagination\" data-slot=\"pagination\" className={cn('mx-auto flex w-full justify-center', className)} {...props} />;\n}\n\nfunction PaginationContent({ className, ...props }: React.ComponentProps<'ul'>) {\n  return <ul data-slot=\"pagination-content\" className={cn('flex flex-row items-center gap-1', className)} {...props} />;\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<'li'>) {\n  return <li data-slot=\"pagination-item\" {...props} />;\n}\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, 'size'> &\n  React.ComponentProps<'a'>;\n\nfunction PaginationLink({ className, isActive, size = 'icon', ...props }: PaginationLinkProps) {\n  return (\n    <a\n      aria-current={isActive ? 'page' : undefined}\n      data-slot=\"pagination-link\"\n      data-active={isActive}\n      className={cn(\n        buttonVariants({\n          variant: isActive ? 'outline' : 'ghost',\n          size,\n        }),\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink aria-label=\"Go to previous page\" size=\"default\" className={cn('gap-1 px-2.5 sm:pl-2.5', className)} {...props}>\n      <ChevronLeftIcon />\n      <span className=\"hidden sm:block\">Previous</span>\n    </PaginationLink>\n  );\n}\n\nfunction PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink aria-label=\"Go to next page\" size=\"default\" className={cn('gap-1 px-2.5 sm:pr-2.5', className)} {...props}>\n      <span className=\"hidden sm:block\">Next</span>\n      <ChevronRightIcon />\n    </PaginationLink>\n  );\n}\n\nfunction PaginationEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span aria-hidden data-slot=\"pagination-ellipsis\" className={cn('flex size-9 items-center justify-center', className)} {...props}>\n      <MoreHorizontalIcon className=\"size-4\" />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n\nexport { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };\n"],"mappings":"6TASA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAA,CAAI,KAAK,aAAa,aAAW,aAAa,YAAU,aAAa,UAAW,EAAG,qCAAsC,EAAU,CAAE,GAAI,GAAS,CAG5J,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAqC,CAC9E,OAAO,EAAC,KAAA,CAAG,YAAU,qBAAqB,UAAW,EAAG,mCAAoC,EAAU,CAAE,GAAI,GAAS,CAGvH,SAAS,EAAe,CAAE,GAAG,GAAqC,CAChE,OAAO,EAAC,KAAA,CAAG,YAAU,kBAAkB,GAAI,GAAS,CAQtD,SAAS,EAAe,CAAE,YAAW,WAAU,OAAO,OAAQ,GAAG,GAA8B,CAC7F,OACE,EAAC,IAAA,CACC,eAAc,EAAW,OAAS,IAAA,GAClC,YAAU,kBACV,cAAa,EACb,UAAW,EACT,EAAe,CACb,QAAS,EAAW,UAAY,QAChC,OACD,CAAC,CACF,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAsD,CAChG,OACE,EAAC,EAAA,CAAe,aAAW,sBAAsB,KAAK,UAAU,UAAW,EAAG,yBAA0B,EAAU,CAAE,GAAI,YACtH,EAAC,EAAA,EAAA,CAAkB,CACnB,EAAC,OAAA,CAAK,UAAU,2BAAkB,YAAe,CAAA,EAClC,CAIrB,SAAS,EAAe,CAAE,YAAW,GAAG,GAAsD,CAC5F,OACE,EAAC,EAAA,CAAe,aAAW,kBAAkB,KAAK,UAAU,UAAW,EAAG,yBAA0B,EAAU,CAAE,GAAI,YAClH,EAAC,OAAA,CAAK,UAAU,2BAAkB,QAAW,CAC7C,EAAC,EAAA,EAAA,CAAmB,CAAA,EACL,CAIrB,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAuC,CACjF,OACE,EAAC,OAAA,CAAK,cAAA,GAAY,YAAU,sBAAsB,UAAW,EAAG,0CAA2C,EAAU,CAAE,GAAI,YACzH,EAAC,EAAA,CAAmB,UAAU,SAAA,CAAW,CACzC,EAAC,OAAA,CAAK,UAAU,mBAAU,cAAiB,CAAA,EACtC"}
+{"version":3,"file":"pagination.js","names":[],"sources":["../../packages/components/ui/pagination.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport type { Button } from '@/components/ui/button';\nimport { buttonVariants } from './button.variants';\n\nfunction Pagination({ className, ...props }: React.ComponentProps<'nav'>) {\n  return <nav role=\"navigation\" aria-label=\"pagination\" data-slot=\"pagination\" className={cn('mx-auto flex w-full justify-center', className)} {...props} />;\n}\n\nfunction PaginationContent({ className, ...props }: React.ComponentProps<'ul'>) {\n  return <ul data-slot=\"pagination-content\" className={cn('flex flex-row items-center gap-1', className)} {...props} />;\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<'li'>) {\n  return <li data-slot=\"pagination-item\" {...props} />;\n}\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, 'size'> &\n  React.ComponentProps<'a'>;\n\nfunction PaginationLink({ className, isActive, size = 'icon', ...props }: PaginationLinkProps) {\n  return (\n    <a\n      aria-current={isActive ? 'page' : undefined}\n      data-slot=\"pagination-link\"\n      data-active={isActive}\n      className={cn(\n        buttonVariants({\n          variant: isActive ? 'outline' : 'ghost',\n          size,\n        }),\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink aria-label=\"Go to previous page\" size=\"default\" className={cn('gap-1 px-2.5 sm:pl-2.5', className)} {...props}>\n      <ChevronLeftIcon />\n      <span className=\"hidden sm:block\">Previous</span>\n    </PaginationLink>\n  );\n}\n\nfunction PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink aria-label=\"Go to next page\" size=\"default\" className={cn('gap-1 px-2.5 sm:pr-2.5', className)} {...props}>\n      <span className=\"hidden sm:block\">Next</span>\n      <ChevronRightIcon />\n    </PaginationLink>\n  );\n}\n\nfunction PaginationEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span aria-hidden data-slot=\"pagination-ellipsis\" className={cn('flex size-9 items-center justify-center', className)} {...props}>\n      <MoreHorizontalIcon className=\"size-4\" />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n\nexport { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };\n"],"mappings":"mQASA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAA,CAAI,KAAK,aAAa,aAAW,aAAa,YAAU,aAAa,UAAW,EAAG,qCAAsC,EAAU,CAAE,GAAI,GAAS,CAG5J,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAqC,CAC9E,OAAO,EAAC,KAAA,CAAG,YAAU,qBAAqB,UAAW,EAAG,mCAAoC,EAAU,CAAE,GAAI,GAAS,CAGvH,SAAS,EAAe,CAAE,GAAG,GAAqC,CAChE,OAAO,EAAC,KAAA,CAAG,YAAU,kBAAkB,GAAI,GAAS,CAQtD,SAAS,EAAe,CAAE,YAAW,WAAU,OAAO,OAAQ,GAAG,GAA8B,CAC7F,OACE,EAAC,IAAA,CACC,eAAc,EAAW,OAAS,IAAA,GAClC,YAAU,kBACV,cAAa,EACb,UAAW,EACT,EAAe,CACb,QAAS,EAAW,UAAY,QAChC,OACD,CAAC,CACF,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAsD,CAChG,OACE,EAAC,EAAA,CAAe,aAAW,sBAAsB,KAAK,UAAU,UAAW,EAAG,yBAA0B,EAAU,CAAE,GAAI,YACtH,EAAC,EAAA,EAAA,CAAkB,CACnB,EAAC,OAAA,CAAK,UAAU,2BAAkB,YAAe,CAAA,EAClC,CAIrB,SAAS,EAAe,CAAE,YAAW,GAAG,GAAsD,CAC5F,OACE,EAAC,EAAA,CAAe,aAAW,kBAAkB,KAAK,UAAU,UAAW,EAAG,yBAA0B,EAAU,CAAE,GAAI,YAClH,EAAC,OAAA,CAAK,UAAU,2BAAkB,QAAW,CAC7C,EAAC,EAAA,EAAA,CAAmB,CAAA,EACL,CAIrB,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAuC,CACjF,OACE,EAAC,OAAA,CAAK,cAAA,GAAY,YAAU,sBAAsB,UAAW,EAAG,0CAA2C,EAAU,CAAE,GAAI,YACzH,EAAC,EAAA,CAAmB,UAAU,SAAA,CAAW,CACzC,EAAC,OAAA,CAAK,UAAU,mBAAU,cAAiB,CAAA,EACtC"}

package/dist/ui/popover-B5nsyO9e.d.cts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime196 from "react/jsx-runtime";
+import { Popover as Popover$1 } from "radix-ui";
+
+//#region packages/components/ui/popover.d.ts
+declare function Popover({
+  ...props
+}: React.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime196.JSX.Element;
+declare function PopoverTrigger({
+  ...props
+}: React.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime196.JSX.Element;
+declare function PopoverContent({
+  className,
+  align,
+  sideOffset,
+  ...props
+}: React.ComponentProps<typeof Popover$1.Content>): react_jsx_runtime196.JSX.Element;
+declare function PopoverAnchor({
+  ...props
+}: React.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime196.JSX.Element;
+//#endregion
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
+//# sourceMappingURL=popover-B5nsyO9e.d.cts.map

package/dist/ui/popover-By6fB72F.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime164 from "react/jsx-runtime";
+import { Popover as Popover$1 } from "radix-ui";
+
+//#region packages/components/ui/popover.d.ts
+declare function Popover({
+  ...props
+}: React.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime164.JSX.Element;
+declare function PopoverTrigger({
+  ...props
+}: React.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime164.JSX.Element;
+declare function PopoverContent({
+  className,
+  align,
+  sideOffset,
+  ...props
+}: React.ComponentProps<typeof Popover$1.Content>): react_jsx_runtime164.JSX.Element;
+declare function PopoverAnchor({
+  ...props
+}: React.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime164.JSX.Element;
+//#endregion
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
+//# sourceMappingURL=popover-By6fB72F.d.ts.map

package/dist/ui/popover.cjs

@@ -1 +1 @@
-"use client";const e=require(`../popover-Dltz23Kw.cjs`);exports.Popover=e.t,exports.PopoverAnchor=e.n,exports.PopoverContent=e.r,exports.PopoverTrigger=e.i;
+"use client";const e=require(`../popover-Bn3M2SCp.cjs`);exports.Popover=e.t,exports.PopoverAnchor=e.n,exports.PopoverContent=e.r,exports.PopoverTrigger=e.i;

package/dist/ui/popover.js

@@ -1 +1 @@
-"use client";import{i as e,n as t,r as n,t as r}from"../popover-cPnAg-IR.js";export{r as Popover,t as PopoverAnchor,n as PopoverContent,e as PopoverTrigger};
+"use client";import{i as e,n as t,r as n,t as r}from"../popover-Bx80nsDv.js";export{r as Popover,t as PopoverAnchor,n as PopoverContent,e as PopoverTrigger};

package/dist/ui/progress-BFcaSCa_.d.cts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime195 from "react/jsx-runtime";
+import { Progress as Progress$1 } from "radix-ui";
+
+//#region packages/components/ui/progress.d.ts
+declare function Progress({
+  className,
+  value,
+  ...props
+}: React.ComponentProps<typeof Progress$1.Root>): react_jsx_runtime195.JSX.Element;
+//#endregion
+export { Progress };
+//# sourceMappingURL=progress-BFcaSCa_.d.cts.map

package/dist/ui/progress-Bx6BAoTC.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime169 from "react/jsx-runtime";
+import { Progress as Progress$1 } from "radix-ui";
+
+//#region packages/components/ui/progress.d.ts
+declare function Progress({
+  className,
+  value,
+  ...props
+}: React.ComponentProps<typeof Progress$1.Root>): react_jsx_runtime169.JSX.Element;
+//#endregion
+export { Progress };
+//# sourceMappingURL=progress-Bx6BAoTC.d.ts.map

package/dist/ui/progress.cjs

@@ -1 +1 @@
-"use client";const e=require(`../progress-DCp82kC-.cjs`);exports.Progress=e.t;
+"use client";const e=require(`../progress-BvFZ5L8e.cjs`);exports.Progress=e.t;

package/dist/ui/progress.js

@@ -1 +1 @@
-"use client";import{t as e}from"../progress-Dn3ldoTC.js";export{e as Progress};
+"use client";import{t as e}from"../progress-qP8KLube.js";export{e as Progress};

package/dist/ui/radio-group-BEWCmAXi.d.cts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime263 from "react/jsx-runtime";
+import { RadioGroup as RadioGroup$1 } from "radix-ui";
+
+//#region packages/components/ui/radio-group.d.ts
+declare function RadioGroup({
+  className,
+  ...props
+}: React.ComponentProps<typeof RadioGroup$1.Root>): react_jsx_runtime263.JSX.Element;
+declare function RadioGroupItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof RadioGroup$1.Item>): react_jsx_runtime263.JSX.Element;
+//#endregion
+export { RadioGroup, RadioGroupItem };
+//# sourceMappingURL=radio-group-BEWCmAXi.d.cts.map

package/dist/ui/radio-group-CqvYCQzP.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime199 from "react/jsx-runtime";
+import { RadioGroup as RadioGroup$1 } from "radix-ui";
+
+//#region packages/components/ui/radio-group.d.ts
+declare function RadioGroup({
+  className,
+  ...props
+}: React.ComponentProps<typeof RadioGroup$1.Root>): react_jsx_runtime199.JSX.Element;
+declare function RadioGroupItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof RadioGroup$1.Item>): react_jsx_runtime199.JSX.Element;
+//#endregion
+export { RadioGroup, RadioGroupItem };
+//# sourceMappingURL=radio-group-CqvYCQzP.d.ts.map

package/dist/ui/radio-group.cjs

@@ -1 +1 @@
-"use client";const e=require(`../radio-group-CSeHO3gt.cjs`);exports.RadioGroup=e.t,exports.RadioGroupItem=e.n;
+"use client";const e=require(`../radio-group-DUdeuruf.cjs`);exports.RadioGroup=e.t,exports.RadioGroupItem=e.n;