@customafk/lunas-ui 0.2.51 → 0.2.53

package/dist/ui/calendar.d.ts

@@ -1,45 +0,0 @@
-import { t as Button } from "../button-C-YKF6eM.js";
-import * as react123 from "react";
-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>) => react123.JSX.Element;
-/**
- * A fully styled date-picker calendar built on top of react-day-picker, supporting single, range, and multiple selection modes.
- *
- * @example
- * ```tsx
- * import { Calendar } from '@customafk/lunas-ui/ui/calendar';
- *
- * const [date, setDate] = React.useState<Date>();
- *
- * <Calendar
- *   mode="single"
- *   selected={date}
- *   onSelect={setDate}
- *   captionLayout="dropdown"
- * />
- * ```
- */
-declare function Calendar({
-  className,
-  classNames,
-  showOutsideDays,
-  captionLayout,
-  buttonVariant,
-  formatters,
-  components,
-  ...props
-}: React.ComponentProps<typeof DayPicker> & {
-  /** Variant applied to the previous/next navigation buttons. */
-  buttonVariant?: React.ComponentProps<typeof Button>['variant'];
-}): react123.JSX.Element;
-//#endregion
-export { Calendar, CalendarDayButton };
-//# sourceMappingURL=calendar.d.ts.map

package/dist/ui/calendar.js

@@ -1 +0,0 @@
-"use client";import"../button.variants-CoSpd71B.js";import"../button-LMMbL-uH.js";import{n as e,t}from"../calendar-DzPt7b6k.js";export{t as Calendar,e as CalendarDayButton};

package/dist/ui/card.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"card.cjs","names":["headingVariants","paragraphVariants"],"sources":["../../packages/components/ui/card.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { headingVariants } from '../typography/heading';\nimport { paragraphVariants } from '../typography/paragraph';\n\n/**\n * Surface container for grouping related content with a bordered, shadowed panel that supports optional interactive hover states.\n *\n * @example\n * ```tsx\n * import {\n *   Card, CardHeader, CardTitle, CardDescription,\n *   CardContent, CardFooter, CardAction,\n * } from '@customafk/lunas-ui/ui/card';\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * <Card>\n *   <CardHeader>\n *     <CardTitle>Plan overview</CardTitle>\n *     <CardDescription>Your current subscription details.</CardDescription>\n *     <CardAction><Button size=\"sm\">Upgrade</Button></CardAction>\n *   </CardHeader>\n *   <CardContent>Monthly usage: 42 / 100 requests</CardContent>\n *   <CardFooter>Renews on 1 Jun 2026</CardFooter>\n * </Card>\n * ```\n */\nfunction Card({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card\"\n      className={cn(\n        'flex flex-col gap-6 rounded-lg border border-border bg-card py-6 text-text-positive shadow-card',\n        'transition-[box-shadow,opacity] duration-150 ease-in-out',\n        'data-[interactive=true]:cursor-pointer',\n        'data-[interactive=true]:hover:shadow-dropdown',\n        'data-[interactive=true]:focus-visible:outline-none data-[interactive=true]:focus-visible:ring-2 data-[interactive=true]:focus-visible:ring-ring data-[interactive=true]:focus-visible:ring-offset-2',\n        'data-[interactive=true]:active:opacity-90',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Top section of the card that holds the title, description, and optional action slot. */\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        '@container/card-header',\n        'grid auto-rows-min grid-rows-[auto_auto]',\n        'items-start gap-1.5 px-6 text-text-positive-strong',\n        'has-data-[slot=card-action]:grid-cols-[1fr_auto]',\n        '[.border-b]:pb-6',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Primary heading for the card, styled with the h3 heading variant. */\nfunction CardTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-title\" className={cn(headingVariants({ level: 'h3' }), className)} {...props} />;\n}\n\n/** Muted supporting text displayed beneath the card title. */\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-description\" className={cn(paragraphVariants({ variant: 'muted' }), className)} {...props} />;\n}\n\n/** Optional slot in the card header for a contextual action (e.g. a button or menu); positioned in the top-right grid cell. */\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-action\" className={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className)} {...props} />;\n}\n\n/** Main body area of the card with horizontal padding for content alignment. */\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-content\" className={cn('px-6 text-sm', className)} {...props} />;\n}\n\n/** Bottom section of the card, typically used for supplementary text or secondary actions. */\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-footer\" className={cn('flex items-center px-6 text-sm [.border-t]:pt-6', className)} {...props} />;\n}\n\nexport { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };\n"],"mappings":"iNA4BA,SAAS,EAAK,CAAE,YAAW,GAAG,GAAsC,CAClE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,OACV,WAAA,EAAA,EAAA,IACE,kGACA,2DACA,yCACA,gDACA,sMACA,4CACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,cACV,WAAA,EAAA,EAAA,IACE,yBACA,2CACA,qDACA,mDACA,mBACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,aAAa,WAAA,EAAA,EAAA,IAAcA,EAAAA,EAAgB,CAAE,MAAO,KAAM,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS,CAI9G,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAsC,CAC7E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,mBAAmB,WAAA,EAAA,EAAA,IAAcC,EAAAA,EAAkB,CAAE,QAAS,QAAS,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS,CAI3H,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,iEAAkE,EAAU,CAAE,GAAI,GAAS,CAI/I,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,eAAgB,EAAU,CAAE,GAAI,GAAS,CAI9F,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,kDAAmD,EAAU,CAAE,GAAI,GAAS"}

package/dist/ui/card.d.ts

@@ -1,63 +0,0 @@
-import * as react126 from "react";
-
-//#region packages/components/ui/card.d.ts
-
-/**
- * Surface container for grouping related content with a bordered, shadowed panel that supports optional interactive hover states.
- *
- * @example
- * ```tsx
- * import {
- *   Card, CardHeader, CardTitle, CardDescription,
- *   CardContent, CardFooter, CardAction,
- * } from '@customafk/lunas-ui/ui/card';
- * import { Button } from '@customafk/lunas-ui/ui/button';
- *
- * <Card>
- *   <CardHeader>
- *     <CardTitle>Plan overview</CardTitle>
- *     <CardDescription>Your current subscription details.</CardDescription>
- *     <CardAction><Button size="sm">Upgrade</Button></CardAction>
- *   </CardHeader>
- *   <CardContent>Monthly usage: 42 / 100 requests</CardContent>
- *   <CardFooter>Renews on 1 Jun 2026</CardFooter>
- * </Card>
- * ```
- */
-declare function Card({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react126.JSX.Element;
-/** Top section of the card that holds the title, description, and optional action slot. */
-declare function CardHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react126.JSX.Element;
-/** Primary heading for the card, styled with the h3 heading variant. */
-declare function CardTitle({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react126.JSX.Element;
-/** Muted supporting text displayed beneath the card title. */
-declare function CardDescription({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react126.JSX.Element;
-/** Optional slot in the card header for a contextual action (e.g. a button or menu); positioned in the top-right grid cell. */
-declare function CardAction({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react126.JSX.Element;
-/** Main body area of the card with horizontal padding for content alignment. */
-declare function CardContent({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react126.JSX.Element;
-/** Bottom section of the card, typically used for supplementary text or secondary actions. */
-declare function CardFooter({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react126.JSX.Element;
-//#endregion
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
-//# sourceMappingURL=card.d.ts.map

package/dist/ui/card.js

@@ -1,2 +0,0 @@
-"use client";import{t as e}from"../heading-Bz-hSatD.js";import{n as t}from"../paragraph-Cc13ZI4d.js";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r}from"react/jsx-runtime";function i({className:e,...t}){return r(`div`,{"data-slot":`card`,className:n(`flex flex-col gap-6 rounded-lg border border-border bg-card py-6 text-text-positive shadow-card`,`transition-[box-shadow,opacity] duration-150 ease-in-out`,`data-[interactive=true]:cursor-pointer`,`data-[interactive=true]:hover:shadow-dropdown`,`data-[interactive=true]:focus-visible:outline-none data-[interactive=true]:focus-visible:ring-2 data-[interactive=true]:focus-visible:ring-ring data-[interactive=true]:focus-visible:ring-offset-2`,`data-[interactive=true]:active:opacity-90`,e),...t})}function a({className:e,...t}){return r(`div`,{"data-slot":`card-header`,className:n(`@container/card-header`,`grid auto-rows-min grid-rows-[auto_auto]`,`items-start gap-1.5 px-6 text-text-positive-strong`,`has-data-[slot=card-action]:grid-cols-[1fr_auto]`,`[.border-b]:pb-6`,e),...t})}function o({className:t,...i}){return r(`div`,{"data-slot":`card-title`,className:n(e({level:`h3`}),t),...i})}function s({className:e,...i}){return r(`div`,{"data-slot":`card-description`,className:n(t({variant:`muted`}),e),...i})}function c({className:e,...t}){return r(`div`,{"data-slot":`card-action`,className:n(`col-start-2 row-span-2 row-start-1 self-start justify-self-end`,e),...t})}function l({className:e,...t}){return r(`div`,{"data-slot":`card-content`,className:n(`px-6 text-sm`,e),...t})}function u({className:e,...t}){return r(`div`,{"data-slot":`card-footer`,className:n(`flex items-center px-6 text-sm [.border-t]:pt-6`,e),...t})}export{i as Card,c as CardAction,l as CardContent,s as CardDescription,u as CardFooter,a as CardHeader,o as CardTitle};
-//# sourceMappingURL=card.js.map

package/dist/ui/card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card.js","names":[],"sources":["../../packages/components/ui/card.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { headingVariants } from '../typography/heading';\nimport { paragraphVariants } from '../typography/paragraph';\n\n/**\n * Surface container for grouping related content with a bordered, shadowed panel that supports optional interactive hover states.\n *\n * @example\n * ```tsx\n * import {\n *   Card, CardHeader, CardTitle, CardDescription,\n *   CardContent, CardFooter, CardAction,\n * } from '@customafk/lunas-ui/ui/card';\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * <Card>\n *   <CardHeader>\n *     <CardTitle>Plan overview</CardTitle>\n *     <CardDescription>Your current subscription details.</CardDescription>\n *     <CardAction><Button size=\"sm\">Upgrade</Button></CardAction>\n *   </CardHeader>\n *   <CardContent>Monthly usage: 42 / 100 requests</CardContent>\n *   <CardFooter>Renews on 1 Jun 2026</CardFooter>\n * </Card>\n * ```\n */\nfunction Card({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card\"\n      className={cn(\n        'flex flex-col gap-6 rounded-lg border border-border bg-card py-6 text-text-positive shadow-card',\n        'transition-[box-shadow,opacity] duration-150 ease-in-out',\n        'data-[interactive=true]:cursor-pointer',\n        'data-[interactive=true]:hover:shadow-dropdown',\n        'data-[interactive=true]:focus-visible:outline-none data-[interactive=true]:focus-visible:ring-2 data-[interactive=true]:focus-visible:ring-ring data-[interactive=true]:focus-visible:ring-offset-2',\n        'data-[interactive=true]:active:opacity-90',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Top section of the card that holds the title, description, and optional action slot. */\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        '@container/card-header',\n        'grid auto-rows-min grid-rows-[auto_auto]',\n        'items-start gap-1.5 px-6 text-text-positive-strong',\n        'has-data-[slot=card-action]:grid-cols-[1fr_auto]',\n        '[.border-b]:pb-6',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Primary heading for the card, styled with the h3 heading variant. */\nfunction CardTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-title\" className={cn(headingVariants({ level: 'h3' }), className)} {...props} />;\n}\n\n/** Muted supporting text displayed beneath the card title. */\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-description\" className={cn(paragraphVariants({ variant: 'muted' }), className)} {...props} />;\n}\n\n/** Optional slot in the card header for a contextual action (e.g. a button or menu); positioned in the top-right grid cell. */\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-action\" className={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className)} {...props} />;\n}\n\n/** Main body area of the card with horizontal padding for content alignment. */\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-content\" className={cn('px-6 text-sm', className)} {...props} />;\n}\n\n/** Bottom section of the card, typically used for supplementary text or secondary actions. */\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-footer\" className={cn('flex items-center px-6 text-sm [.border-t]:pt-6', className)} {...props} />;\n}\n\nexport { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };\n"],"mappings":"iMA4BA,SAAS,EAAK,CAAE,YAAW,GAAG,GAAsC,CAClE,OACE,EAAC,MAAA,CACC,YAAU,OACV,UAAW,EACT,kGACA,2DACA,yCACA,gDACA,sMACA,4CACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OACE,EAAC,MAAA,CACC,YAAU,cACV,UAAW,EACT,yBACA,2CACA,qDACA,mDACA,mBACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAU,CAAE,YAAW,GAAG,GAAsC,CACvE,OAAO,EAAC,MAAA,CAAI,YAAU,aAAa,UAAW,EAAG,EAAgB,CAAE,MAAO,KAAM,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS,CAI9G,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAsC,CAC7E,OAAO,EAAC,MAAA,CAAI,YAAU,mBAAmB,UAAW,EAAG,EAAkB,CAAE,QAAS,QAAS,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS,CAI3H,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAA,CAAI,YAAU,cAAc,UAAW,EAAG,iEAAkE,EAAU,CAAE,GAAI,GAAS,CAI/I,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OAAO,EAAC,MAAA,CAAI,YAAU,eAAe,UAAW,EAAG,eAAgB,EAAU,CAAE,GAAI,GAAS,CAI9F,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAA,CAAI,YAAU,cAAc,UAAW,EAAG,kDAAmD,EAAU,CAAE,GAAI,GAAS"}

package/dist/ui/carousel.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"carousel.cjs","names":["api","Button","ArrowLeft","ArrowRight"],"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\n/**\n * Embla-powered carousel that supports horizontal and vertical orientations with keyboard navigation.\n *\n * @example\n * ```tsx\n * import {\n *   Carousel, CarouselContent, CarouselItem,\n *   CarouselPrevious, CarouselNext,\n * } from '@customafk/lunas-ui/ui/carousel';\n *\n * <Carousel>\n *   <CarouselContent>\n *     <CarouselItem>Slide 1</CarouselItem>\n *     <CarouselItem>Slide 2</CarouselItem>\n *   </CarouselContent>\n *   <CarouselPrevious />\n *   <CarouselNext />\n * </Carousel>\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\n/** The scrollable track that holds all CarouselItem elements. */\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\n/** A single slide within a CarouselContent; occupies the full width (or height for vertical carousels). */\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\n/** Circular button positioned to the left (or top for vertical) that scrolls to the previous slide. */\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\n/** Circular button positioned to the right (or bottom for vertical) that scrolls to the next slide. */\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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"}

package/dist/ui/carousel.d.ts

@@ -1,71 +0,0 @@
-import { t as Button } from "../button-C-YKF6eM.js";
-import * as react78 from "react";
-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;
-};
-/**
- * Embla-powered carousel that supports horizontal and vertical orientations with keyboard navigation.
- *
- * @example
- * ```tsx
- * import {
- *   Carousel, CarouselContent, CarouselItem,
- *   CarouselPrevious, CarouselNext,
- * } from '@customafk/lunas-ui/ui/carousel';
- *
- * <Carousel>
- *   <CarouselContent>
- *     <CarouselItem>Slide 1</CarouselItem>
- *     <CarouselItem>Slide 2</CarouselItem>
- *   </CarouselContent>
- *   <CarouselPrevious />
- *   <CarouselNext />
- * </Carousel>
- * ```
- */
-declare function Carousel({
-  orientation,
-  opts,
-  setApi,
-  plugins,
-  className,
-  children,
-  ...props
-}: React.ComponentProps<'div'> & CarouselProps): react78.JSX.Element;
-/** The scrollable track that holds all CarouselItem elements. */
-declare function CarouselContent({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react78.JSX.Element;
-/** A single slide within a CarouselContent; occupies the full width (or height for vertical carousels). */
-declare function CarouselItem({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react78.JSX.Element;
-/** Circular button positioned to the left (or top for vertical) that scrolls to the previous slide. */
-declare function CarouselPrevious({
-  className,
-  variant,
-  size,
-  ...props
-}: React.ComponentProps<typeof Button>): react78.JSX.Element;
-/** Circular button positioned to the right (or bottom for vertical) that scrolls to the next slide. */
-declare function CarouselNext({
-  className,
-  variant,
-  size,
-  ...props
-}: React.ComponentProps<typeof Button>): react78.JSX.Element;
-//#endregion
-export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
-//# sourceMappingURL=carousel.d.ts.map

package/dist/ui/carousel.js

@@ -1,2 +0,0 @@
-"use client";import"../button.variants-CoSpd71B.js";import{t as e}from"../button-LMMbL-uH.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\n/**\n * Embla-powered carousel that supports horizontal and vertical orientations with keyboard navigation.\n *\n * @example\n * ```tsx\n * import {\n *   Carousel, CarouselContent, CarouselItem,\n *   CarouselPrevious, CarouselNext,\n * } from '@customafk/lunas-ui/ui/carousel';\n *\n * <Carousel>\n *   <CarouselContent>\n *     <CarouselItem>Slide 1</CarouselItem>\n *     <CarouselItem>Slide 2</CarouselItem>\n *   </CarouselContent>\n *   <CarouselPrevious />\n *   <CarouselNext />\n * </Carousel>\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\n/** The scrollable track that holds all CarouselItem elements. */\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\n/** A single slide within a CarouselContent; occupies the full width (or height for vertical carousels). */\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\n/** Circular button positioned to the left (or top for vertical) that scrolls to the previous slide. */\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\n/** Circular button positioned to the right (or bottom for vertical) that scrolls to the next slide. */\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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"}

package/dist/ui/checkbox.d.ts

@@ -1,26 +0,0 @@
-import * as react77 from "react";
-import { Checkbox as Checkbox$1 } from "radix-ui";
-
-//#region packages/components/ui/checkbox.d.ts
-
-/**
- * Accessible checkbox input built on Radix UI's Checkbox primitive with checked, indeterminate, focus, invalid, and read-only states.
- *
- * @example
- * ```tsx
- * import { Checkbox } from '@customafk/lunas-ui/ui/checkbox';
- * import { Label } from '@customafk/lunas-ui/ui/label';
- *
- * <div className="flex items-center gap-2">
- *   <Checkbox id="terms" />
- *   <Label htmlFor="terms">Accept terms and conditions</Label>
- * </div>
- * ```
- */
-declare function Checkbox({
-  className,
-  ...props
-}: React.ComponentProps<typeof Checkbox$1.Root>): react77.JSX.Element;
-//#endregion
-export { Checkbox };
-//# sourceMappingURL=checkbox.d.ts.map

package/dist/ui/checkbox.js

@@ -1 +0,0 @@
-"use client";import{t as e}from"../checkbox-DLGDoU-1.js";export{e as Checkbox};

package/dist/ui/collapsible.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"collapsible.cjs","names":["CollapsiblePrimitive"],"sources":["../../packages/components/ui/collapsible.tsx"],"sourcesContent":["'use client';\n\nimport { Collapsible as CollapsiblePrimitive } from 'radix-ui';\n\n/**\n * Root provider for a Collapsible section — toggles the visibility of its content.\n *\n * @example\n * ```tsx\n * import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@customafk/lunas-ui/ui/collapsible';\n *\n * <Collapsible>\n *   <CollapsibleTrigger>Toggle section</CollapsibleTrigger>\n *   <CollapsibleContent>\n *     <p>Hidden content revealed on toggle.</p>\n *   </CollapsibleContent>\n * </Collapsible>\n * ```\n */\nfunction Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\n/** Button or element that expands or collapses the CollapsibleContent. */\nfunction CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\n  return <CollapsiblePrimitive.CollapsibleTrigger data-slot=\"collapsible-trigger\" {...props} />;\n}\n\n/** The section that is shown or hidden based on the Collapsible open state. */\nfunction CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\n  return <CollapsiblePrimitive.CollapsibleContent data-slot=\"collapsible-content\" {...props} />;\n}\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger };\n"],"mappings":"+GAmBA,SAAS,EAAY,CAAE,GAAG,GAAiE,CACzF,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,KAAA,CAAK,YAAU,cAAc,GAAI,GAAS,CAIzE,SAAS,EAAmB,CAAE,GAAG,GAA+E,CAC9G,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,mBAAA,CAAmB,YAAU,sBAAsB,GAAI,GAAS,CAI/F,SAAS,EAAmB,CAAE,GAAG,GAA+E,CAC9G,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,mBAAA,CAAmB,YAAU,sBAAsB,GAAI,GAAS"}

package/dist/ui/collapsible.d.ts

@@ -1,34 +0,0 @@
-import * as react49 from "react";
-import { Collapsible as Collapsible$1 } from "radix-ui";
-
-//#region packages/components/ui/collapsible.d.ts
-
-/**
- * Root provider for a Collapsible section — toggles the visibility of its content.
- *
- * @example
- * ```tsx
- * import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@customafk/lunas-ui/ui/collapsible';
- *
- * <Collapsible>
- *   <CollapsibleTrigger>Toggle section</CollapsibleTrigger>
- *   <CollapsibleContent>
- *     <p>Hidden content revealed on toggle.</p>
- *   </CollapsibleContent>
- * </Collapsible>
- * ```
- */
-declare function Collapsible({
-  ...props
-}: React.ComponentProps<typeof Collapsible$1.Root>): react49.JSX.Element;
-/** Button or element that expands or collapses the CollapsibleContent. */
-declare function CollapsibleTrigger({
-  ...props
-}: React.ComponentProps<typeof Collapsible$1.CollapsibleTrigger>): react49.JSX.Element;
-/** The section that is shown or hidden based on the Collapsible open state. */
-declare function CollapsibleContent({
-  ...props
-}: React.ComponentProps<typeof Collapsible$1.CollapsibleContent>): react49.JSX.Element;
-//#endregion
-export { Collapsible, CollapsibleContent, CollapsibleTrigger };
-//# sourceMappingURL=collapsible.d.ts.map

package/dist/ui/collapsible.js

@@ -1,2 +0,0 @@
-"use client";import{jsx as e}from"react/jsx-runtime";import{Collapsible as t}from"radix-ui";function n({...n}){return e(t.Root,{"data-slot":`collapsible`,...n})}function r({...n}){return e(t.CollapsibleTrigger,{"data-slot":`collapsible-trigger`,...n})}function i({...n}){return e(t.CollapsibleContent,{"data-slot":`collapsible-content`,...n})}export{n as Collapsible,i as CollapsibleContent,r as CollapsibleTrigger};
-//# sourceMappingURL=collapsible.js.map

package/dist/ui/collapsible.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"collapsible.js","names":["CollapsiblePrimitive"],"sources":["../../packages/components/ui/collapsible.tsx"],"sourcesContent":["'use client';\n\nimport { Collapsible as CollapsiblePrimitive } from 'radix-ui';\n\n/**\n * Root provider for a Collapsible section — toggles the visibility of its content.\n *\n * @example\n * ```tsx\n * import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@customafk/lunas-ui/ui/collapsible';\n *\n * <Collapsible>\n *   <CollapsibleTrigger>Toggle section</CollapsibleTrigger>\n *   <CollapsibleContent>\n *     <p>Hidden content revealed on toggle.</p>\n *   </CollapsibleContent>\n * </Collapsible>\n * ```\n */\nfunction Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\n/** Button or element that expands or collapses the CollapsibleContent. */\nfunction CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\n  return <CollapsiblePrimitive.CollapsibleTrigger data-slot=\"collapsible-trigger\" {...props} />;\n}\n\n/** The section that is shown or hidden based on the Collapsible open state. */\nfunction CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\n  return <CollapsiblePrimitive.CollapsibleContent data-slot=\"collapsible-content\" {...props} />;\n}\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger };\n"],"mappings":"4FAmBA,SAAS,EAAY,CAAE,GAAG,GAAiE,CACzF,OAAO,EAACA,EAAqB,KAAA,CAAK,YAAU,cAAc,GAAI,GAAS,CAIzE,SAAS,EAAmB,CAAE,GAAG,GAA+E,CAC9G,OAAO,EAACA,EAAqB,mBAAA,CAAmB,YAAU,sBAAsB,GAAI,GAAS,CAI/F,SAAS,EAAmB,CAAE,GAAG,GAA+E,CAC9G,OAAO,EAACA,EAAqB,mBAAA,CAAmB,YAAU,sBAAsB,GAAI,GAAS"}

package/dist/ui/command.d.ts

@@ -1,89 +0,0 @@
-import { t as Dialog } from "../dialog-BIJXF62m.js";
-import * as react133 from "react";
-import { Command as Command$1 } from "cmdk";
-
-//#region packages/components/ui/command.d.ts
-
-/**
- * A cmdk-powered command palette for searching and executing commands.
- *
- * @example
- * ```tsx
- * import {
- *   Command, CommandInput, CommandList, CommandEmpty,
- *   CommandGroup, CommandItem,
- * } from '@customafk/lunas-ui/ui/command';
- *
- * <Command>
- *   <CommandInput placeholder="Type a command…" />
- *   <CommandList>
- *     <CommandEmpty>No results found.</CommandEmpty>
- *     <CommandGroup heading="Suggestions">
- *       <CommandItem>Calendar</CommandItem>
- *       <CommandItem>Search</CommandItem>
- *     </CommandGroup>
- *   </CommandList>
- * </Command>
- * ```
- */
-declare function Command({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command$1>): react133.JSX.Element;
-/**
- * A Command palette rendered inside a Dialog overlay.
- *
- * @param title - Accessible title for the dialog (screen-reader only).
- * @param description - Accessible description for the dialog (screen-reader only).
- * @param showCloseButton - Whether to show the built-in close button on the dialog.
- */
-declare function CommandDialog({
-  title,
-  description,
-  children,
-  className,
-  showCloseButton,
-  ...props
-}: React.ComponentProps<typeof Dialog> & {
-  title?: string;
-  description?: string;
-  className?: string;
-  showCloseButton?: boolean;
-}): react133.JSX.Element;
-/** Search input with a leading search icon that filters CommandItems in real time. */
-declare function CommandInput({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command$1.Input>): react133.JSX.Element;
-/** Scrollable list that renders filtered CommandGroups and CommandItems. */
-declare function CommandList({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command$1.List>): react133.JSX.Element;
-/** Fallback message displayed when no CommandItems match the current search query. */
-declare function CommandEmpty({
-  ...props
-}: React.ComponentProps<typeof Command$1.Empty>): react133.JSX.Element;
-/** Groups CommandItems under an optional heading label. */
-declare function CommandGroup({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command$1.Group>): react133.JSX.Element;
-/** Horizontal dividing line between groups in a CommandList. */
-declare function CommandSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command$1.Separator>): react133.JSX.Element;
-/** A selectable row inside a CommandGroup that is highlighted when active or hovered. */
-declare function CommandItem({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command$1.Item>): react133.JSX.Element;
-/** Displays a keyboard shortcut hint aligned to the right of a CommandItem. */
-declare function CommandShortcut({
-  className,
-  ...props
-}: React.ComponentProps<'span'>): react133.JSX.Element;
-//#endregion
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
-//# sourceMappingURL=command.d.ts.map

package/dist/ui/command.js

@@ -1 +0,0 @@
-"use client";import"../heading-Bz-hSatD.js";import"../paragraph-Cc13ZI4d.js";import"../close-C0PdZGxr.js";import"../dialog-CmutQ3rp.js";import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c}from"../command-2gUejA6g.js";export{c as Command,i as CommandDialog,o as CommandEmpty,n as CommandGroup,e as CommandInput,a as CommandItem,s as CommandList,t as CommandSeparator,r as CommandShortcut};

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

@@ -1 +0,0 @@
-{"version":3,"file":"context-menu.cjs","names":["ContextMenuPrimitive","ChevronRightIcon","CheckIcon","CircleIcon"],"sources":["../../packages/components/ui/context-menu.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';\n\nimport { ContextMenu as ContextMenuPrimitive } from 'radix-ui';\n\n/**\n * Root provider for the ContextMenu — revealed on right-click (or long-press) of the trigger area.\n *\n * @example\n * ```tsx\n * import {\n *   ContextMenu, ContextMenuTrigger, ContextMenuContent,\n *   ContextMenuItem, ContextMenuLabel, ContextMenuSeparator,\n * } from '@customafk/lunas-ui/ui/context-menu';\n *\n * <ContextMenu>\n *   <ContextMenuTrigger>Right-click me</ContextMenuTrigger>\n *   <ContextMenuContent>\n *     <ContextMenuLabel>Actions</ContextMenuLabel>\n *     <ContextMenuSeparator />\n *     <ContextMenuItem>Copy</ContextMenuItem>\n *     <ContextMenuItem variant=\"destructive\">Delete</ContextMenuItem>\n *   </ContextMenuContent>\n * </ContextMenu>\n * ```\n */\nfunction ContextMenu({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {\n  return <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />;\n}\n\n/** The area that listens for right-click to open the ContextMenu. */\nfunction ContextMenuTrigger({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {\n  return <ContextMenuPrimitive.Trigger data-slot=\"context-menu-trigger\" {...props} />;\n}\n\n/** Groups related ContextMenuItems under a shared logical section. */\nfunction ContextMenuGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {\n  return <ContextMenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />;\n}\n\n/** Portals ContextMenu content outside the current DOM hierarchy. */\nfunction ContextMenuPortal({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {\n  return <ContextMenuPrimitive.Portal data-slot=\"context-menu-portal\" {...props} />;\n}\n\n/** Root container for a nested sub-menu inside a ContextMenu. */\nfunction ContextMenuSub({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {\n  return <ContextMenuPrimitive.Sub data-slot=\"context-menu-sub\" {...props} />;\n}\n\n/** Groups ContextMenuRadioItems so only one can be selected at a time. */\nfunction ContextMenuRadioGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {\n  return <ContextMenuPrimitive.RadioGroup data-slot=\"context-menu-radio-group\" {...props} />;\n}\n\n/**\n * Menu item that reveals a nested ContextMenuSubContent on hover or activation.\n *\n * @param inset - When true, adds left padding to align with inset items.\n */\nfunction ContextMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <ContextMenuPrimitive.SubTrigger\n      data-slot=\"context-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto\" />\n    </ContextMenuPrimitive.SubTrigger>\n  );\n}\n\n/** Floating panel that contains the items of a nested ContextMenu sub-menu. */\nfunction ContextMenuSubContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {\n  return (\n    <ContextMenuPrimitive.SubContent\n      data-slot=\"context-menu-sub-content\"\n      className={cn(\n        'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Animated floating panel that contains the context menu items. */\nfunction ContextMenuContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {\n  return (\n    <ContextMenuPrimitive.Portal>\n      <ContextMenuPrimitive.Content\n        data-slot=\"context-menu-content\"\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md',\n          className\n        )}\n        {...props}\n      />\n    </ContextMenuPrimitive.Portal>\n  );\n}\n\n/**\n * A single clickable row inside a ContextMenuContent.\n *\n * @param inset - When true, adds left padding to align with items that have icons.\n * @param variant - Visual style: `'default'` or `'destructive'`.\n */\nfunction ContextMenuItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n}) {\n  return (\n    <ContextMenuPrimitive.Item\n      data-slot=\"context-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** A checkable context menu item that displays a checkmark when selected. */\nfunction ContextMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>) {\n  return (\n    <ContextMenuPrimitive.CheckboxItem\n      data-slot=\"context-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <ContextMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.CheckboxItem>\n  );\n}\n\n/** A radio-button context menu item; shows a filled circle when selected. */\nfunction ContextMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>) {\n  return (\n    <ContextMenuPrimitive.RadioItem\n      data-slot=\"context-menu-radio-item\"\n      className={cn(\n        'relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none',\n        'focus:bg-accent',\n        'focus:text-accent-foreground',\n        'data-[disabled]:pointer-events-none',\n        'data-[disabled]:opacity-50',\n        '[&_svg]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <ContextMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.RadioItem>\n  );\n}\n\n/**\n * Non-interactive label used to describe a group of context menu items.\n *\n * @param inset - When true, adds left padding to align with inset items.\n */\nfunction ContextMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <ContextMenuPrimitive.Label\n      data-slot=\"context-menu-label\"\n      data-inset={inset}\n      className={cn('text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', className)}\n      {...props}\n    />\n  );\n}\n\n/** Horizontal dividing line between groups of context menu items. */\nfunction ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {\n  return <ContextMenuPrimitive.Separator data-slot=\"context-menu-separator\" className={cn('bg-border -mx-1 my-1 h-px', className)} {...props} />;\n}\n\n/** Displays a keyboard shortcut hint aligned to the right of a context menu item. */\nfunction ContextMenuShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"context-menu-shortcut\" className={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)} {...props} />;\n}\n\nexport {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  ContextMenuGroup,\n  ContextMenuItem,\n  ContextMenuLabel,\n  ContextMenuPortal,\n  ContextMenuRadioGroup,\n  ContextMenuRadioItem,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n};\n"],"mappings":"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"}

package/dist/ui/context-menu.d.ts

@@ -1,125 +0,0 @@
-import * as react62 from "react";
-import { ContextMenu as ContextMenu$1 } from "radix-ui";
-
-//#region packages/components/ui/context-menu.d.ts
-
-/**
- * Root provider for the ContextMenu — revealed on right-click (or long-press) of the trigger area.
- *
- * @example
- * ```tsx
- * import {
- *   ContextMenu, ContextMenuTrigger, ContextMenuContent,
- *   ContextMenuItem, ContextMenuLabel, ContextMenuSeparator,
- * } from '@customafk/lunas-ui/ui/context-menu';
- *
- * <ContextMenu>
- *   <ContextMenuTrigger>Right-click me</ContextMenuTrigger>
- *   <ContextMenuContent>
- *     <ContextMenuLabel>Actions</ContextMenuLabel>
- *     <ContextMenuSeparator />
- *     <ContextMenuItem>Copy</ContextMenuItem>
- *     <ContextMenuItem variant="destructive">Delete</ContextMenuItem>
- *   </ContextMenuContent>
- * </ContextMenu>
- * ```
- */
-declare function ContextMenu({
-  ...props
-}: React.ComponentProps<typeof ContextMenu$1.Root>): react62.JSX.Element;
-/** The area that listens for right-click to open the ContextMenu. */
-declare function ContextMenuTrigger({
-  ...props
-}: React.ComponentProps<typeof ContextMenu$1.Trigger>): react62.JSX.Element;
-/** Groups related ContextMenuItems under a shared logical section. */
-declare function ContextMenuGroup({
-  ...props
-}: React.ComponentProps<typeof ContextMenu$1.Group>): react62.JSX.Element;
-/** Portals ContextMenu content outside the current DOM hierarchy. */
-declare function ContextMenuPortal({
-  ...props
-}: React.ComponentProps<typeof ContextMenu$1.Portal>): react62.JSX.Element;
-/** Root container for a nested sub-menu inside a ContextMenu. */
-declare function ContextMenuSub({
-  ...props
-}: React.ComponentProps<typeof ContextMenu$1.Sub>): react62.JSX.Element;
-/** Groups ContextMenuRadioItems so only one can be selected at a time. */
-declare function ContextMenuRadioGroup({
-  ...props
-}: React.ComponentProps<typeof ContextMenu$1.RadioGroup>): react62.JSX.Element;
-/**
- * Menu item that reveals a nested ContextMenuSubContent on hover or activation.
- *
- * @param inset - When true, adds left padding to align with inset items.
- */
-declare function ContextMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}: React.ComponentProps<typeof ContextMenu$1.SubTrigger> & {
-  inset?: boolean;
-}): react62.JSX.Element;
-/** Floating panel that contains the items of a nested ContextMenu sub-menu. */
-declare function ContextMenuSubContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof ContextMenu$1.SubContent>): react62.JSX.Element;
-/** Animated floating panel that contains the context menu items. */
-declare function ContextMenuContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof ContextMenu$1.Content>): react62.JSX.Element;
-/**
- * A single clickable row inside a ContextMenuContent.
- *
- * @param inset - When true, adds left padding to align with items that have icons.
- * @param variant - Visual style: `'default'` or `'destructive'`.
- */
-declare function ContextMenuItem({
-  className,
-  inset,
-  variant,
-  ...props
-}: React.ComponentProps<typeof ContextMenu$1.Item> & {
-  inset?: boolean;
-  variant?: 'default' | 'destructive';
-}): react62.JSX.Element;
-/** A checkable context menu item that displays a checkmark when selected. */
-declare function ContextMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}: React.ComponentProps<typeof ContextMenu$1.CheckboxItem>): react62.JSX.Element;
-/** A radio-button context menu item; shows a filled circle when selected. */
-declare function ContextMenuRadioItem({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof ContextMenu$1.RadioItem>): react62.JSX.Element;
-/**
- * Non-interactive label used to describe a group of context menu items.
- *
- * @param inset - When true, adds left padding to align with inset items.
- */
-declare function ContextMenuLabel({
-  className,
-  inset,
-  ...props
-}: React.ComponentProps<typeof ContextMenu$1.Label> & {
-  inset?: boolean;
-}): react62.JSX.Element;
-/** Horizontal dividing line between groups of context menu items. */
-declare function ContextMenuSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof ContextMenu$1.Separator>): react62.JSX.Element;
-/** Displays a keyboard shortcut hint aligned to the right of a context menu item. */
-declare function ContextMenuShortcut({
-  className,
-  ...props
-}: React.ComponentProps<'span'>): react62.JSX.Element;
-//#endregion
-export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
-//# sourceMappingURL=context-menu.d.ts.map

package/dist/ui/context-menu.js

@@ -1,2 +0,0 @@
-"use client";import{CheckIcon as e,ChevronRightIcon as t,CircleIcon 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";import{ContextMenu as o}from"radix-ui";function s({...e}){return i(o.Root,{"data-slot":`context-menu`,...e})}function c({...e}){return i(o.Trigger,{"data-slot":`context-menu-trigger`,...e})}function l({...e}){return i(o.Group,{"data-slot":`context-menu-group`,...e})}function u({...e}){return i(o.Portal,{"data-slot":`context-menu-portal`,...e})}function d({...e}){return i(o.Sub,{"data-slot":`context-menu-sub`,...e})}function f({...e}){return i(o.RadioGroup,{"data-slot":`context-menu-radio-group`,...e})}function p({className:e,inset:n,children:s,...c}){return a(o.SubTrigger,{"data-slot":`context-menu-sub-trigger`,"data-inset":n,className:r(`focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...c,children:[s,i(t,{className:`ml-auto`})]})}function m({className:e,...t}){return i(o.SubContent,{"data-slot":`context-menu-sub-content`,className:r(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg`,e),...t})}function h({className:e,...t}){return i(o.Portal,{children:i(o.Content,{"data-slot":`context-menu-content`,className:r(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md`,e),...t})})}function g({className:e,inset:t,variant:n=`default`,...a}){return i(o.Item,{"data-slot":`context-menu-item`,"data-inset":t,"data-variant":n,className:r(`focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...a})}function _({className:t,children:n,checked:s,...c}){return a(o.CheckboxItem,{"data-slot":`context-menu-checkbox-item`,className:r(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,t),checked:s,...c,children:[i(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:i(o.ItemIndicator,{children:i(e,{className:`size-4`})})}),n]})}function v({className:e,children:t,...s}){return a(o.RadioItem,{"data-slot":`context-menu-radio-item`,className:r(`relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none`,`focus:bg-accent`,`focus:text-accent-foreground`,`data-[disabled]:pointer-events-none`,`data-[disabled]:opacity-50`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,e),...s,children:[i(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:i(o.ItemIndicator,{children:i(n,{className:`size-2 fill-current`})})}),t]})}function y({className:e,inset:t,...n}){return i(o.Label,{"data-slot":`context-menu-label`,"data-inset":t,className:r(`text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8`,e),...n})}function b({className:e,...t}){return i(o.Separator,{"data-slot":`context-menu-separator`,className:r(`bg-border -mx-1 my-1 h-px`,e),...t})}function x({className:e,...t}){return i(`span`,{"data-slot":`context-menu-shortcut`,className:r(`text-muted-foreground ml-auto text-xs tracking-widest`,e),...t})}export{s as ContextMenu,_ as ContextMenuCheckboxItem,h as ContextMenuContent,l as ContextMenuGroup,g as ContextMenuItem,y as ContextMenuLabel,u as ContextMenuPortal,f as ContextMenuRadioGroup,v as ContextMenuRadioItem,b as ContextMenuSeparator,x as ContextMenuShortcut,d as ContextMenuSub,m as ContextMenuSubContent,p as ContextMenuSubTrigger,c as ContextMenuTrigger};
-//# sourceMappingURL=context-menu.js.map