@music-vine/cadence 2.6.1 → 2.7.0

package/dist/components/carousel.d.ts

@@ -0,0 +1,99 @@
+/**
+ * @module Carousel
+ *
+ * Touch-enabled carousel/slider built on Embla Carousel.
+ * Supports horizontal/vertical orientation, keyboard navigation, and custom plugins.
+ *
+ * @see {@link https://ui.shadcn.com/docs/components/carousel Shadcn Carousel}
+ * @see {@link https://www.embla-carousel.com/ Embla Carousel}
+ *
+ * @example
+ * // Basic carousel
+ * <Carousel>
+ *   <CarouselContent>
+ *     <CarouselItem>Slide 1</CarouselItem>
+ *     <CarouselItem>Slide 2</CarouselItem>
+ *     <CarouselItem>Slide 3</CarouselItem>
+ *   </CarouselContent>
+ *   <CarouselPrevious />
+ *   <CarouselNext />
+ * </Carousel>
+ *
+ * @example
+ * // With API access and autoplay
+ * const [api, setApi] = useState<CarouselApi>();
+ *
+ * <Carousel setApi={setApi} opts={{ loop: true }}>
+ *   <CarouselContent>...</CarouselContent>
+ * </Carousel>
+ */
+import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react";
+import type * as React from "react";
+import type { Ref } from "react";
+import { Button } from "./button";
+/** Embla Carousel API type for external control */
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+interface CarouselProps {
+    opts?: CarouselOptions;
+    orientation?: "horizontal" | "vertical";
+    plugins?: CarouselPlugin;
+    setApi?: (api: CarouselApi) => void;
+}
+type CarouselContextProps = {
+    carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+    api: ReturnType<typeof useEmblaCarousel>[1];
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+} & CarouselProps;
+/**
+ * Hook to access carousel state and controls from child components.
+ * Must be used within a Carousel component.
+ *
+ * @returns Carousel API, scroll functions, and navigation state
+ * @throws Error if used outside of Carousel
+ */
+export declare function useCarousel(): CarouselContextProps;
+/**
+ * Root carousel container. Provides context for child components.
+ *
+ * @param opts - Embla Carousel options (loop, align, dragFree, etc.)
+ * @param plugins - Embla plugins (autoplay, etc.)
+ * @param orientation - `"horizontal"` (default) or `"vertical"`
+ * @param setApi - Callback to receive the carousel API
+ */
+declare const Carousel: ({ orientation, opts, setApi, plugins, className, children, ref, ...props }: React.HTMLAttributes<HTMLDivElement> & CarouselProps & {
+    ref?: Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Container for carousel slides. Handles overflow and flex layout.
+ * @param containerClassName - Classes for the outer overflow container
+ */
+declare const CarouselContent: ({ className, containerClassName, ref, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+    containerClassName?: string;
+    ref?: Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
+/** Props for CarouselItem component */
+interface CarouselItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+    useCustomStyles?: boolean;
+}
+/**
+ * Individual slide within the carousel.
+ * @param useCustomStyles - Use responsive grid-based sizing instead of full-width
+ */
+declare const CarouselItem: ({ className, useCustomStyles, ref, ...props }: CarouselItemProps) => import("react/jsx-runtime").JSX.Element;
+/** Previous slide button. Auto-disabled when at the start. */
+declare const CarouselPrevious: ({ className, variant, size, ref, ...props }: React.ComponentProps<typeof Button> & {
+    ref?: Ref<HTMLButtonElement>;
+}) => import("react/jsx-runtime").JSX.Element;
+/** Next slide button. Auto-disabled when at the end. */
+declare const CarouselNext: ({ className, variant, size, ref, ...props }: React.ComponentProps<typeof Button> & {
+    ref?: Ref<HTMLButtonElement>;
+}) => import("react/jsx-runtime").JSX.Element;
+export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type CarouselProps, };
+//# sourceMappingURL=carousel.d.ts.map

package/dist/components/carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../src/components/carousel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,OAAO,gBAAgB,EAAE,EACvB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAWjC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,mDAAmD;AACnD,KAAK,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAC3C,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACjE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAChD,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAE/C,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;CACrC;AAED,KAAK,oBAAoB,GAAG;IAC1B,WAAW,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,GAAG,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;CACxB,GAAG,aAAa,CAAC;AAIlB;;;;;;GAMG;AACH,wBAAgB,WAAW,yBAQ1B;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,QAAQ,GAAI,4EASf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GACrC,aAAa,GAAG;IACd,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B,4CAsGF,CAAC;AAEF;;;GAGG;AACH,QAAA,MAAM,eAAe,GAAI,kDAKtB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B,4CAmBA,CAAC;AAEF,uCAAuC;AACvC,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;GAGG;AACH,QAAA,MAAM,YAAY,GAAI,+CAKnB,iBAAiB,4CAoBnB,CAAC;AAEF,8DAA8D;AAC9D,QAAA,MAAM,gBAAgB,GAAI,6CAMvB,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACvC,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B,4CAwBA,CAAC;AAEF,wDAAwD;AACxD,QAAA,MAAM,YAAY,GAAI,6CAMnB,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACvC,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B,4CAwBA,CAAC;AAEF,OAAO,EACL,QAAQ,EACR,KAAK,WAAW,EAChB,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,KAAK,aAAa,GACnB,CAAC"}

package/dist/components/carousel.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/carousel.tsx"],
-  "sourcesContent": ["/**\n * @module Carousel\n *\n * Touch-enabled carousel/slider built on Embla Carousel.\n * Supports horizontal/vertical orientation, keyboard navigation, and custom plugins.\n *\n * @see {@link https://ui.shadcn.com/docs/components/carousel Shadcn Carousel}\n * @see {@link https://www.embla-carousel.com/ Embla Carousel}\n *\n * @example\n * // Basic carousel\n * <Carousel>\n *   <CarouselContent>\n *     <CarouselItem>Slide 1</CarouselItem>\n *     <CarouselItem>Slide 2</CarouselItem>\n *     <CarouselItem>Slide 3</CarouselItem>\n *   </CarouselContent>\n *   <CarouselPrevious />\n *   <CarouselNext />\n * </Carousel>\n *\n * @example\n * // With API access and autoplay\n * const [api, setApi] = useState<CarouselApi>();\n *\n * <Carousel setApi={setApi} opts={{ loop: true }}>\n *   <CarouselContent>...</CarouselContent>\n * </Carousel>\n */\nimport useEmblaCarousel, {\n  type UseEmblaCarouselType,\n} from \"embla-carousel-react\";\nimport { ArrowLeft, ArrowRight } from \"lucide-react\";\nimport type * as React from \"react\";\nimport type { Ref } from \"react\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport { cn } from \"../lib/utils\";\nimport { Button } from \"./button\";\n\n/** Embla Carousel API type for external control */\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ninterface 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\n/**\n * Hook to access carousel state and controls from child components.\n * Must be used within a Carousel component.\n *\n * @returns Carousel API, scroll functions, and navigation state\n * @throws Error if used outside of Carousel\n */\nexport function useCarousel() {\n  const context = useContext(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 * Root carousel container. Provides context for child components.\n *\n * @param opts - Embla Carousel options (loop, align, dragFree, etc.)\n * @param plugins - Embla plugins (autoplay, etc.)\n * @param orientation - `\"horizontal\"` (default) or `\"vertical\"`\n * @param setApi - Callback to receive the carousel API\n */\nconst Carousel = ({\n  orientation = \"horizontal\",\n  opts,\n  setApi,\n  plugins,\n  className,\n  children,\n  ref,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> &\n  CarouselProps & {\n    ref?: Ref<HTMLDivElement>;\n  }) => {\n  const [carouselRef, api] = useEmblaCarousel(\n    {\n      ...opts,\n      axis: orientation === \"horizontal\" ? \"x\" : \"y\",\n    },\n    plugins\n  );\n\n  const [canScrollPrev, setCanScrollPrev] = useState(false);\n  const [canScrollNext, setCanScrollNext] = useState(false);\n\n  const onSelect = useCallback((carouselApi: CarouselApi) => {\n    if (!carouselApi) {\n      return;\n    }\n\n    setCanScrollPrev(carouselApi.canScrollPrev());\n    setCanScrollNext(carouselApi.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  const carouselContextValue = useMemo(\n    () => ({\n      carouselRef,\n      api,\n      opts,\n      orientation:\n        orientation || (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\"),\n      scrollPrev,\n      scrollNext,\n      canScrollPrev,\n      canScrollNext,\n    }),\n    [\n      api,\n      canScrollNext,\n      canScrollPrev,\n      carouselRef,\n      opts,\n      orientation,\n      scrollNext,\n      scrollPrev,\n    ]\n  );\n\n  useEffect(() => {\n    if (!(api && setApi)) {\n      return;\n    }\n\n    setApi(api);\n  }, [api, setApi]);\n\n  useEffect(() => {\n    if (!api) {\n      return;\n    }\n\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 value={carouselContextValue}>\n      <div\n        aria-roledescription=\"carousel\"\n        className={cn(\"relative\", className)}\n        onKeyDownCapture={handleKeyDown}\n        ref={ref}\n        role=\"region\"\n        {...props}\n      >\n        {children}\n      </div>\n    </CarouselContext.Provider>\n  );\n};\n\n/**\n * Container for carousel slides. Handles overflow and flex layout.\n * @param containerClassName - Classes for the outer overflow container\n */\nconst CarouselContent = ({\n  className,\n  containerClassName,\n  ref,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & {\n  containerClassName?: string;\n  ref?: Ref<HTMLDivElement>;\n}) => {\n  const { carouselRef, orientation } = useCarousel();\n\n  return (\n    <div\n      className={cn(\"overflow-hidden\", containerClassName)}\n      ref={carouselRef}\n    >\n      <div\n        className={cn(\n          \"flex\",\n          orientation === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    </div>\n  );\n};\n\n/** Props for CarouselItem component */\ninterface CarouselItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  useCustomStyles?: boolean;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/**\n * Individual slide within the carousel.\n * @param useCustomStyles - Use responsive grid-based sizing instead of full-width\n */\nconst CarouselItem = ({\n  className,\n  useCustomStyles,\n  ref,\n  ...props\n}: CarouselItemProps) => {\n  const { orientation } = useCarousel();\n\n  return (\n    <div\n      aria-roledescription=\"slide\"\n      className={cn(\n        useCustomStyles\n          ? \"min-w-0 shrink-0 grow-0 @[1150px]:basis-1/6 @[1400px]:basis-[14.28%] @[1580px]:basis-[12.5%] @[540px]:basis-1/4 @[900px]:basis-1/5 basis-1/3 overflow-hidden px-0 pr-2\"\n          : cn(\n              \"min-w-0 shrink-0 grow-0 basis-full\",\n              orientation === \"horizontal\" ? \"pl-4\" : \"pt-4\"\n            ),\n        className\n      )}\n      ref={ref}\n      role=\"group\"\n      {...props}\n    />\n  );\n};\n\n/** Previous slide button. Auto-disabled when at the start. */\nconst CarouselPrevious = ({\n  className,\n  variant = \"subtle\",\n  size = \"icon\",\n  ref,\n  ...props\n}: React.ComponentProps<typeof Button> & {\n  ref?: Ref<HTMLButtonElement>;\n}) => {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel();\n\n  return (\n    <Button\n      className={cn(\n        \"absolute h-8 w-8 rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -left-12 -translate-y-1/2\"\n          : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n        !canScrollPrev && \"!cursor-default\",\n        className\n      )}\n      disabled={!canScrollPrev}\n      onClick={scrollPrev}\n      ref={ref}\n      size={size}\n      variant={variant}\n      {...props}\n    >\n      <ArrowLeft className=\"h-4 w-4\" />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  );\n};\n\n/** Next slide button. Auto-disabled when at the end. */\nconst CarouselNext = ({\n  className,\n  variant = \"subtle\",\n  size = \"icon\",\n  ref,\n  ...props\n}: React.ComponentProps<typeof Button> & {\n  ref?: Ref<HTMLButtonElement>;\n}) => {\n  const { orientation, scrollNext, canScrollNext } = useCarousel();\n\n  return (\n    <Button\n      className={cn(\n        \"absolute h-8 w-8 rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -right-12 -translate-y-1/2\"\n          : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n        !canScrollNext && \"!cursor-default\",\n        className\n      )}\n      disabled={!canScrollNext}\n      onClick={scrollNext}\n      ref={ref}\n      size={size}\n      variant={variant}\n      {...props}\n    >\n      <ArrowRight className=\"h-4 w-4\" />\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  );\n};\n\nexport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselNext,\n  CarouselPrevious,\n  type CarouselApi,\n  type CarouselProps,\n};\n"],
+  "sourcesContent": ["/**\n * @module Carousel\n *\n * Touch-enabled carousel/slider built on Embla Carousel.\n * Supports horizontal/vertical orientation, keyboard navigation, and custom plugins.\n *\n * @see {@link https://ui.shadcn.com/docs/components/carousel Shadcn Carousel}\n * @see {@link https://www.embla-carousel.com/ Embla Carousel}\n *\n * @example\n * // Basic carousel\n * <Carousel>\n *   <CarouselContent>\n *     <CarouselItem>Slide 1</CarouselItem>\n *     <CarouselItem>Slide 2</CarouselItem>\n *     <CarouselItem>Slide 3</CarouselItem>\n *   </CarouselContent>\n *   <CarouselPrevious />\n *   <CarouselNext />\n * </Carousel>\n *\n * @example\n * // With API access and autoplay\n * const [api, setApi] = useState<CarouselApi>();\n *\n * <Carousel setApi={setApi} opts={{ loop: true }}>\n *   <CarouselContent>...</CarouselContent>\n * </Carousel>\n */\nimport useEmblaCarousel, {\n  type UseEmblaCarouselType,\n} from \"embla-carousel-react\";\nimport { ArrowLeft, ArrowRight } from \"lucide-react\";\nimport type * as React from \"react\";\nimport type { Ref } from \"react\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport { cn } from \"../lib/utils\";\nimport { Button } from \"./button\";\n\n/** Embla Carousel API type for external control */\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ninterface CarouselProps {\n  opts?: CarouselOptions;\n  orientation?: \"horizontal\" | \"vertical\";\n  plugins?: CarouselPlugin;\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\n/**\n * Hook to access carousel state and controls from child components.\n * Must be used within a Carousel component.\n *\n * @returns Carousel API, scroll functions, and navigation state\n * @throws Error if used outside of Carousel\n */\nexport function useCarousel() {\n  const context = useContext(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 * Root carousel container. Provides context for child components.\n *\n * @param opts - Embla Carousel options (loop, align, dragFree, etc.)\n * @param plugins - Embla plugins (autoplay, etc.)\n * @param orientation - `\"horizontal\"` (default) or `\"vertical\"`\n * @param setApi - Callback to receive the carousel API\n */\nconst Carousel = ({\n  orientation = \"horizontal\",\n  opts,\n  setApi,\n  plugins,\n  className,\n  children,\n  ref,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> &\n  CarouselProps & {\n    ref?: Ref<HTMLDivElement>;\n  }) => {\n  const [carouselRef, api] = useEmblaCarousel(\n    {\n      ...opts,\n      axis: orientation === \"horizontal\" ? \"x\" : \"y\",\n    },\n    plugins\n  );\n\n  const [canScrollPrev, setCanScrollPrev] = useState(false);\n  const [canScrollNext, setCanScrollNext] = useState(false);\n\n  const onSelect = useCallback((carouselApi: CarouselApi) => {\n    if (!carouselApi) {\n      return;\n    }\n\n    setCanScrollPrev(carouselApi.canScrollPrev());\n    setCanScrollNext(carouselApi.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  const carouselContextValue = useMemo(\n    () => ({\n      carouselRef,\n      api,\n      opts,\n      orientation:\n        orientation || (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\"),\n      scrollPrev,\n      scrollNext,\n      canScrollPrev,\n      canScrollNext,\n    }),\n    [\n      api,\n      canScrollNext,\n      canScrollPrev,\n      carouselRef,\n      opts,\n      orientation,\n      scrollNext,\n      scrollPrev,\n    ]\n  );\n\n  useEffect(() => {\n    if (!(api && setApi)) {\n      return;\n    }\n\n    setApi(api);\n  }, [api, setApi]);\n\n  useEffect(() => {\n    if (!api) {\n      return;\n    }\n\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 value={carouselContextValue}>\n      <div\n        aria-roledescription=\"carousel\"\n        className={cn(\"relative\", className)}\n        onKeyDownCapture={handleKeyDown}\n        ref={ref}\n        role=\"region\"\n        {...props}\n      >\n        {children}\n      </div>\n    </CarouselContext.Provider>\n  );\n};\n\n/**\n * Container for carousel slides. Handles overflow and flex layout.\n * @param containerClassName - Classes for the outer overflow container\n */\nconst CarouselContent = ({\n  className,\n  containerClassName,\n  ref,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & {\n  containerClassName?: string;\n  ref?: Ref<HTMLDivElement>;\n}) => {\n  const { carouselRef, orientation } = useCarousel();\n\n  return (\n    <div\n      className={cn(\"overflow-hidden\", containerClassName)}\n      ref={carouselRef}\n    >\n      <div\n        className={cn(\n          \"flex\",\n          orientation === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    </div>\n  );\n};\n\n/** Props for CarouselItem component */\ninterface CarouselItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: Ref<HTMLDivElement>;\n  useCustomStyles?: boolean;\n}\n\n/**\n * Individual slide within the carousel.\n * @param useCustomStyles - Use responsive grid-based sizing instead of full-width\n */\nconst CarouselItem = ({\n  className,\n  useCustomStyles,\n  ref,\n  ...props\n}: CarouselItemProps) => {\n  const { orientation } = useCarousel();\n\n  return (\n    <div\n      aria-roledescription=\"slide\"\n      className={cn(\n        useCustomStyles\n          ? \"min-w-0 shrink-0 grow-0 @[1150px]:basis-1/6 @[1400px]:basis-[14.28%] @[1580px]:basis-[12.5%] @[540px]:basis-1/4 @[900px]:basis-1/5 basis-1/3 overflow-hidden px-0 pr-2\"\n          : cn(\n              \"min-w-0 shrink-0 grow-0 basis-full\",\n              orientation === \"horizontal\" ? \"pl-4\" : \"pt-4\"\n            ),\n        className\n      )}\n      ref={ref}\n      role=\"group\"\n      {...props}\n    />\n  );\n};\n\n/** Previous slide button. Auto-disabled when at the start. */\nconst CarouselPrevious = ({\n  className,\n  variant = \"subtle\",\n  size = \"icon\",\n  ref,\n  ...props\n}: React.ComponentProps<typeof Button> & {\n  ref?: Ref<HTMLButtonElement>;\n}) => {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel();\n\n  return (\n    <Button\n      className={cn(\n        \"absolute h-8 w-8 rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -left-12 -translate-y-1/2\"\n          : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n        !canScrollPrev && \"!cursor-default\",\n        className\n      )}\n      disabled={!canScrollPrev}\n      onClick={scrollPrev}\n      ref={ref}\n      size={size}\n      variant={variant}\n      {...props}\n    >\n      <ArrowLeft className=\"h-4 w-4\" />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  );\n};\n\n/** Next slide button. Auto-disabled when at the end. */\nconst CarouselNext = ({\n  className,\n  variant = \"subtle\",\n  size = \"icon\",\n  ref,\n  ...props\n}: React.ComponentProps<typeof Button> & {\n  ref?: Ref<HTMLButtonElement>;\n}) => {\n  const { orientation, scrollNext, canScrollNext } = useCarousel();\n\n  return (\n    <Button\n      className={cn(\n        \"absolute h-8 w-8 rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -right-12 -translate-y-1/2\"\n          : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n        !canScrollNext && \"!cursor-default\",\n        className\n      )}\n      disabled={!canScrollNext}\n      onClick={scrollNext}\n      ref={ref}\n      size={size}\n      variant={variant}\n      {...props}\n    >\n      <ArrowRight className=\"h-4 w-4\" />\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  );\n};\n\nexport {\n  Carousel,\n  type CarouselApi,\n  CarouselContent,\n  CarouselItem,\n  CarouselNext,\n  CarouselPrevious,\n  type CarouselProps,\n};\n"],
   "mappings": "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",
   "names": []
 }

package/dist/components/checkbox.d.ts

@@ -0,0 +1,34 @@
+import { Checkbox as CheckboxPrimitive } from "radix-ui";
+import type * as React from "react";
+import type { Ref } from "react";
+/**
+ * Props for the Checkbox component.
+ * @property variant - Visual style: `"default"` (square) or `"rounded"` (circular)
+ */
+interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
+    ref?: Ref<React.ElementRef<typeof CheckboxPrimitive.Root>>;
+    variant?: "default" | "rounded";
+}
+/**
+ * Interactive checkbox with check indicator.
+ * Supports checked, unchecked, and indeterminate states.
+ */
+declare const Checkbox: ({ className, variant, ref, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Props for the DummyCheckbox component.
+ * @property variant - Visual style: `"default"` or `"rounded"`
+ * @property checked - Whether to show the check indicator
+ */
+interface DummyCheckboxProps extends React.ComponentPropsWithoutRef<"div"> {
+    checked?: boolean;
+    ref?: Ref<HTMLDivElement>;
+    variant?: "default" | "rounded";
+}
+/**
+ * Non-interactive checkbox for display purposes only.
+ * Visually identical to Checkbox but without click/keyboard handling.
+ * Useful for list items where the parent handles selection.
+ */
+declare const DummyCheckbox: ({ className, variant, checked, ref, ...props }: DummyCheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export { Checkbox, type CheckboxProps, DummyCheckbox };
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/components/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAkBjC;;;GAGG;AACH,UAAU,aACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;IACrE,GAAG,CAAC,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;IAC3D,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC;AAED;;;GAGG;AACH,QAAA,MAAM,QAAQ,GAAI,uCAKf,aAAa,4CAYf,CAAC;AAEF;;;;GAIG;AACH,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC;AAED;;;;GAIG;AACH,QAAA,MAAM,aAAa,GAAI,gDAMpB,kBAAkB,4CAepB,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/checkbox.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/checkbox.tsx"],
-  "sourcesContent": ["/**\n * @module Checkbox\n *\n * Toggle control for binary choices. Built on Radix UI Checkbox primitive.\n *\n * @see {@link https://ui.shadcn.com/docs/components/checkbox Shadcn Checkbox}\n * @see {@link https://www.radix-ui.com/primitives/docs/components/checkbox Radix Checkbox}\n *\n * @example\n * // Basic checkbox\n * <Checkbox id=\"terms\" />\n * <label htmlFor=\"terms\">Accept terms</label>\n *\n * @example\n * // Controlled checkbox\n * const [checked, setChecked] = useState(false);\n * <Checkbox checked={checked} onCheckedChange={setChecked} />\n *\n * @example\n * // Rounded variant\n * <Checkbox variant=\"rounded\" />\n */\nimport { cva } from \"class-variance-authority\";\nimport { Check } from \"lucide-react\";\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\";\nimport type * as React from \"react\";\nimport type { Ref } from \"react\";\n\nimport { cn } from \"../lib/utils\";\n\n/** CVA variants for checkbox styling */\nconst checkboxVariants = cva(\n  \"peer h-4 w-4 shrink-0 rounded border border-gray-200 border-solid ring-offset-white hover:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--focus-ring)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-brand-primary data-[state=checked]:text-white data-[state=checked]:hover:bg-brand-primary-hover dark:border-gray-800 dark:ring-offset-gray-950 dark:data-[state=checked]:bg-brand-primary dark:data-[state=checked]:text-white dark:focus-visible:ring-[var(--focus-ring)] dark:hover:bg-gray-900 dark:data-[state=checked]:hover:bg-brand-primary-hover\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        rounded:\n          \"rounded-full dark:border-gray-500 [&[data-state='checked']]:border-brand-primary [&[data-state='checked']]:bg-brand-primary\",\n      },\n    },\n  }\n);\n\n/**\n * Props for the Checkbox component.\n * @property variant - Visual style: `\"default\"` (square) or `\"rounded\"` (circular)\n */\ninterface CheckboxProps\n  extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {\n  variant?: \"default\" | \"rounded\";\n  ref?: Ref<React.ElementRef<typeof CheckboxPrimitive.Root>>;\n}\n\n/**\n * Interactive checkbox with check indicator.\n * Supports checked, unchecked, and indeterminate states.\n */\nconst Checkbox = ({\n  className,\n  variant = \"default\",\n  ref,\n  ...props\n}: CheckboxProps) => (\n  <CheckboxPrimitive.Root\n    className={cn(checkboxVariants({ variant }), className)}\n    ref={ref}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator\n      className={cn(\"flex items-center justify-center text-current\")}\n    >\n      <Check className=\"h-4 w-4\" />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n);\n\n/**\n * Props for the DummyCheckbox component.\n * @property variant - Visual style: `\"default\"` or `\"rounded\"`\n * @property checked - Whether to show the check indicator\n */\ninterface DummyCheckboxProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  variant?: \"default\" | \"rounded\";\n  checked?: boolean;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/**\n * Non-interactive checkbox for display purposes only.\n * Visually identical to Checkbox but without click/keyboard handling.\n * Useful for list items where the parent handles selection.\n */\nconst DummyCheckbox = ({\n  className,\n  variant = \"default\",\n  checked,\n  ref,\n  ...props\n}: DummyCheckboxProps) => (\n  <div\n    className={cn(checkboxVariants({ variant }), className)}\n    data-state={checked ? \"checked\" : \"unchecked\"}\n    ref={ref}\n    {...props}\n  >\n    <div\n      className={cn(\n        checked ? \"flex items-center justify-center text-current\" : \"hidden\"\n      )}\n    >\n      <Check className=\"h-4 w-4\" />\n    </div>\n  </div>\n);\n\nexport { Checkbox, DummyCheckbox, type CheckboxProps };\n"],
+  "sourcesContent": ["/**\n * @module Checkbox\n *\n * Toggle control for binary choices. Built on Radix UI Checkbox primitive.\n *\n * @see {@link https://ui.shadcn.com/docs/components/checkbox Shadcn Checkbox}\n * @see {@link https://www.radix-ui.com/primitives/docs/components/checkbox Radix Checkbox}\n *\n * @example\n * // Basic checkbox\n * <Checkbox id=\"terms\" />\n * <label htmlFor=\"terms\">Accept terms</label>\n *\n * @example\n * // Controlled checkbox\n * const [checked, setChecked] = useState(false);\n * <Checkbox checked={checked} onCheckedChange={setChecked} />\n *\n * @example\n * // Rounded variant\n * <Checkbox variant=\"rounded\" />\n */\nimport { cva } from \"class-variance-authority\";\nimport { Check } from \"lucide-react\";\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\";\nimport type * as React from \"react\";\nimport type { Ref } from \"react\";\n\nimport { cn } from \"../lib/utils\";\n\n/** CVA variants for checkbox styling */\nconst checkboxVariants = cva(\n  \"peer h-4 w-4 shrink-0 rounded border border-gray-200 border-solid ring-offset-white hover:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--focus-ring)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-brand-primary data-[state=checked]:text-white data-[state=checked]:hover:bg-brand-primary-hover dark:border-gray-800 dark:ring-offset-gray-950 dark:data-[state=checked]:bg-brand-primary dark:data-[state=checked]:text-white dark:focus-visible:ring-[var(--focus-ring)] dark:hover:bg-gray-900 dark:data-[state=checked]:hover:bg-brand-primary-hover\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        rounded:\n          \"rounded-full dark:border-gray-500 [&[data-state='checked']]:border-brand-primary [&[data-state='checked']]:bg-brand-primary\",\n      },\n    },\n  }\n);\n\n/**\n * Props for the Checkbox component.\n * @property variant - Visual style: `\"default\"` (square) or `\"rounded\"` (circular)\n */\ninterface CheckboxProps\n  extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {\n  ref?: Ref<React.ElementRef<typeof CheckboxPrimitive.Root>>;\n  variant?: \"default\" | \"rounded\";\n}\n\n/**\n * Interactive checkbox with check indicator.\n * Supports checked, unchecked, and indeterminate states.\n */\nconst Checkbox = ({\n  className,\n  variant = \"default\",\n  ref,\n  ...props\n}: CheckboxProps) => (\n  <CheckboxPrimitive.Root\n    className={cn(checkboxVariants({ variant }), className)}\n    ref={ref}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator\n      className={cn(\"flex items-center justify-center text-current\")}\n    >\n      <Check className=\"h-4 w-4\" />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n);\n\n/**\n * Props for the DummyCheckbox component.\n * @property variant - Visual style: `\"default\"` or `\"rounded\"`\n * @property checked - Whether to show the check indicator\n */\ninterface DummyCheckboxProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  checked?: boolean;\n  ref?: Ref<HTMLDivElement>;\n  variant?: \"default\" | \"rounded\";\n}\n\n/**\n * Non-interactive checkbox for display purposes only.\n * Visually identical to Checkbox but without click/keyboard handling.\n * Useful for list items where the parent handles selection.\n */\nconst DummyCheckbox = ({\n  className,\n  variant = \"default\",\n  checked,\n  ref,\n  ...props\n}: DummyCheckboxProps) => (\n  <div\n    className={cn(checkboxVariants({ variant }), className)}\n    data-state={checked ? \"checked\" : \"unchecked\"}\n    ref={ref}\n    {...props}\n  >\n    <div\n      className={cn(\n        checked ? \"flex items-center justify-center text-current\" : \"hidden\"\n      )}\n    >\n      <Check className=\"h-4 w-4\" />\n    </div>\n  </div>\n);\n\nexport { Checkbox, type CheckboxProps, DummyCheckbox };\n"],
   "mappings": "AAwEM;AAlDN,SAAS,WAAW;AACpB,SAAS,aAAa;AACtB,SAAS,YAAY,yBAAyB;AAI9C,SAAS,UAAU;AAGnB,MAAM,mBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SACE;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AACF;AAgBA,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC,kBAAkB;AAAA,EAAlB;AAAA,IACC,WAAW,GAAG,iBAAiB,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,IACtD;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,MAAC,kBAAkB;AAAA,MAAlB;AAAA,QACC,WAAW,GAAG,+CAA+C;AAAA,QAE7D,8BAAC,SAAM,WAAU,WAAU;AAAA;AAAA,IAC7B;AAAA;AACF;AAmBF,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,GAAG,iBAAiB,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,IACtD,cAAY,UAAU,YAAY;AAAA,IAClC;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT,UAAU,kDAAkD;AAAA,QAC9D;AAAA,QAEA,8BAAC,SAAM,WAAU,WAAU;AAAA;AAAA,IAC7B;AAAA;AACF;",
   "names": []
 }

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

@@ -0,0 +1,126 @@
+/**
+ * @module ContextMenu
+ *
+ * Right-click context menu with full keyboard navigation and accessibility.
+ * Built on Radix UI Context Menu primitive.
+ *
+ * @see {@link https://ui.shadcn.com/docs/components/context-menu Shadcn Context Menu}
+ * @see {@link https://www.radix-ui.com/primitives/docs/components/context-menu Radix Context Menu}
+ *
+ * @example
+ * // Basic context menu
+ * <ContextMenu>
+ *   <ContextMenuTrigger>Right click here</ContextMenuTrigger>
+ *   <ContextMenuContent>
+ *     <ContextMenuItem>Edit</ContextMenuItem>
+ *     <ContextMenuItem>Duplicate</ContextMenuItem>
+ *     <ContextMenuSeparator />
+ *     <ContextMenuItem>Delete</ContextMenuItem>
+ *   </ContextMenuContent>
+ * </ContextMenu>
+ *
+ * @example
+ * // With submenus and keyboard shortcuts
+ * <ContextMenu>
+ *   <ContextMenuTrigger>Right click</ContextMenuTrigger>
+ *   <ContextMenuContent>
+ *     <ContextMenuItem>
+ *       Copy <ContextMenuShortcut>⌘C</ContextMenuShortcut>
+ *     </ContextMenuItem>
+ *     <ContextMenuSub>
+ *       <ContextMenuSubTrigger>Share</ContextMenuSubTrigger>
+ *       <ContextMenuSubContent>
+ *         <ContextMenuItem>Email</ContextMenuItem>
+ *         <ContextMenuItem>Messages</ContextMenuItem>
+ *       </ContextMenuSubContent>
+ *     </ContextMenuSub>
+ *   </ContextMenuContent>
+ * </ContextMenu>
+ *
+ * @example
+ * // With checkbox and radio items
+ * <ContextMenuContent>
+ *   <ContextMenuCheckboxItem checked={showToolbar}>
+ *     Show Toolbar
+ *   </ContextMenuCheckboxItem>
+ *   <ContextMenuRadioGroup value={view}>
+ *     <ContextMenuLabel>View</ContextMenuLabel>
+ *     <ContextMenuRadioItem value="grid">Grid</ContextMenuRadioItem>
+ *     <ContextMenuRadioItem value="list">List</ContextMenuRadioItem>
+ *   </ContextMenuRadioGroup>
+ * </ContextMenuContent>
+ */
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+import type * as React from "react";
+import type { Ref } from "react";
+/** Root component that manages context menu state. */
+declare const ContextMenu: React.FC<ContextMenuPrimitive.ContextMenuProps>;
+/** Element that triggers the context menu on right-click. */
+declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
+/** Groups related menu items together. */
+declare const ContextMenuGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+/** Portal for rendering menu content outside the DOM hierarchy. */
+declare const ContextMenuPortal: React.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
+/** Container for nested submenu structure. */
+declare const ContextMenuSub: React.FC<ContextMenuPrimitive.ContextMenuSubProps>;
+/** Container for radio item selection group. */
+declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Trigger for opening a submenu. Shows chevron indicator.
+ * @param inset - Add left padding to align with items that have icons
+ */
+interface ContextMenuSubTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger>, "ref"> {
+    inset?: boolean;
+    ref?: Ref<React.ElementRef<typeof ContextMenuPrimitive.SubTrigger>>;
+}
+declare const ContextMenuSubTrigger: ({ className, inset, children, ref, ...props }: ContextMenuSubTriggerProps) => import("react/jsx-runtime").JSX.Element;
+/** Content container for submenu items. Animated on open/close. */
+interface ContextMenuSubContentProps extends Omit<React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>, "ref"> {
+    ref?: Ref<React.ElementRef<typeof ContextMenuPrimitive.SubContent>>;
+}
+declare const ContextMenuSubContent: ({ className, ref, ...props }: ContextMenuSubContentProps) => import("react/jsx-runtime").JSX.Element;
+/** Main content container for the context menu. Renders in a portal with overlay. */
+interface ContextMenuContentProps extends Omit<React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>, "ref"> {
+    ref?: Ref<React.ElementRef<typeof ContextMenuPrimitive.Content>>;
+}
+declare const ContextMenuContent: ({ className, ref, ...props }: ContextMenuContentProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Clickable menu item. Closes menu on selection.
+ * @param inset - Add left padding to align with items that have icons
+ */
+interface ContextMenuItemProps extends Omit<React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item>, "ref"> {
+    inset?: boolean;
+    ref?: Ref<React.ElementRef<typeof ContextMenuPrimitive.Item>>;
+}
+declare const ContextMenuItem: ({ className, inset, ref, ...props }: ContextMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+/** Toggleable checkbox menu item with check indicator when selected. */
+interface ContextMenuCheckboxItemProps extends Omit<React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>, "ref"> {
+    ref?: Ref<React.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>>;
+}
+declare const ContextMenuCheckboxItem: ({ className, children, checked, ref, ...props }: ContextMenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
+/** Radio option within a ContextMenuRadioGroup. Shows dot indicator when selected. */
+interface ContextMenuRadioItemProps extends Omit<React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>, "ref"> {
+    ref?: Ref<React.ElementRef<typeof ContextMenuPrimitive.RadioItem>>;
+}
+declare const ContextMenuRadioItem: ({ className, children, ref, ...props }: ContextMenuRadioItemProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Non-interactive label for grouping menu items.
+ * @param inset - Add left padding to align with items that have icons
+ */
+interface ContextMenuLabelProps extends Omit<React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label>, "ref"> {
+    inset?: boolean;
+    ref?: Ref<React.ElementRef<typeof ContextMenuPrimitive.Label>>;
+}
+declare const ContextMenuLabel: ({ className, inset, ref, ...props }: ContextMenuLabelProps) => import("react/jsx-runtime").JSX.Element;
+/** Visual divider between menu item groups. */
+interface ContextMenuSeparatorProps extends Omit<React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>, "ref"> {
+    ref?: Ref<React.ElementRef<typeof ContextMenuPrimitive.Separator>>;
+}
+declare const ContextMenuSeparator: ({ className, ref, ...props }: ContextMenuSeparatorProps) => import("react/jsx-runtime").JSX.Element;
+/** Displays keyboard shortcut hint aligned to the right of a menu item. */
+declare const ContextMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, };
+//# sourceMappingURL=context-menu.d.ts.map

package/dist/components/context-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../src/components/context-menu.tsx"],"names":[],"mappings":"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"}

package/dist/components/dialog.d.ts

@@ -0,0 +1,85 @@
+/**
+ * @module Dialog
+ *
+ * Modal dialog overlay for focused user interaction. Built on Radix UI Dialog primitive.
+ * Includes backdrop overlay, close button, and focus trapping.
+ *
+ * @see {@link https://ui.shadcn.com/docs/components/dialog Shadcn Dialog}
+ * @see {@link https://www.radix-ui.com/primitives/docs/components/dialog Radix Dialog}
+ *
+ * @example
+ * // Basic dialog
+ * <Dialog>
+ *   <DialogTrigger asChild>
+ *     <Button>Open Dialog</Button>
+ *   </DialogTrigger>
+ *   <DialogContent>
+ *     <DialogHeader>
+ *       <DialogTitle>Are you sure?</DialogTitle>
+ *       <DialogDescription>
+ *         This action cannot be undone.
+ *       </DialogDescription>
+ *     </DialogHeader>
+ *     <DialogFooter>
+ *       <Button>Confirm</Button>
+ *     </DialogFooter>
+ *   </DialogContent>
+ * </Dialog>
+ *
+ * @example
+ * // Controlled dialog
+ * const [open, setOpen] = useState(false);
+ *
+ * <Dialog open={open} onOpenChange={setOpen}>
+ *   <DialogContent>
+ *     <DialogHeader>
+ *       <DialogTitle>Edit Profile</DialogTitle>
+ *     </DialogHeader>
+ *     <form onSubmit={() => setOpen(false)}>
+ *       ...
+ *     </form>
+ *   </DialogContent>
+ * </Dialog>
+ */
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import type * as React from "react";
+import type { Ref } from "react";
+/** Root component that manages dialog open/closed state. */
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+/** Element that opens the dialog when clicked. Use `asChild` to wrap custom buttons. */
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/** Portal for rendering dialog outside the DOM hierarchy. */
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+/** Closes the dialog when clicked. Use `asChild` to wrap custom close buttons. */
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+/** Semi-transparent backdrop behind the dialog. Animated fade on open/close. */
+declare const DialogOverlay: ({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay> & {
+    ref?: Ref<React.ElementRef<typeof DialogPrimitive.Overlay>>;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Main dialog container. Centered on screen with close button.
+ * Includes overlay, focus trap, and Escape key handling.
+ */
+declare const DialogContent: ({ className, children, ref, ...props }: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
+    ref?: Ref<React.ElementRef<typeof DialogPrimitive.Content>>;
+}) => import("react/jsx-runtime").JSX.Element;
+/** Header section for dialog title and description. Centered on mobile, left-aligned on desktop. */
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/** Footer section for action buttons. Stacks on mobile, horizontal on desktop. */
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/** Dialog title with Echo typography. Required for accessibility. */
+declare const DialogTitle: ({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> & {
+    ref?: Ref<React.ElementRef<typeof DialogPrimitive.Title>>;
+}) => import("react/jsx-runtime").JSX.Element;
+/** Accessible description text below the title. */
+declare const DialogDescription: ({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description> & {
+    ref?: Ref<React.ElementRef<typeof DialogPrimitive.Description>>;
+}) => import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+//# sourceMappingURL=dialog.d.ts.map

package/dist/components/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAOjC,4DAA4D;AAC5D,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAEpC,wFAAwF;AACxF,QAAA,MAAM,aAAa,8GAA0B,CAAC;AAE9C,6DAA6D;AAC7D,QAAA,MAAM,YAAY,6CAAyB,CAAC;AAE5C,kFAAkF;AAClF,QAAA,MAAM,WAAW,4GAAwB,CAAC;AAE1C,gFAAgF;AAChF,QAAA,MAAM,aAAa,GAAI,8BAIpB,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IAClE,GAAG,CAAC,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;CAC7D,4CASA,CAAC;AAEF;;;GAGG;AACH,QAAA,MAAM,aAAa,GAAI,wCAKpB,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IAClE,GAAG,CAAC,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;CAC7D,4CAuBA,CAAC;AAEF,oGAAoG;AACpG,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAC;AAGF,kFAAkF;AAClF,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAC;AAGF,qEAAqE;AACrE,QAAA,MAAM,WAAW,GAAI,8BAIlB,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,GAAG;IAChE,GAAG,CAAC,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;CAC3D,4CASA,CAAC;AAEF,mDAAmD;AACnD,QAAA,MAAM,iBAAiB,GAAI,8BAIxB,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,GAAG;IACtE,GAAG,CAAC,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC;CACjE,4CAMA,CAAC;AAEF,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAC"}

package/dist/components/dialog.js

@@ -3,8 +3,8 @@ import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
 import { cn } from "../lib/utils";
 import { Button } from "./button";
-import { Echo } from "./typography/heading";
-import { Text } from "./typography/text";
+import { headingVariants } from "./typography/heading";
+import { textVariants } from "./typography/text";
 const Dialog = DialogPrimitive.Root;
 const DialogTrigger = DialogPrimitive.Trigger;
 const DialogPortal = DialogPrimitive.Portal;
@@ -89,12 +89,29 @@ const DialogTitle = ({
   className,
   ref,
   ...props
-}) => /* @__PURE__ */ jsx(Echo, { asChild: true, children: /* @__PURE__ */ jsx(DialogPrimitive.Title, { className, ref, ...props }) });
+}) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Title,
+  {
+    className: cn(
+      headingVariants({ variant: "h5", fontFamily: "brand" }),
+      className
+    ),
+    ref,
+    ...props
+  }
+);
 const DialogDescription = ({
   className,
   ref,
   ...props
-}) => /* @__PURE__ */ jsx(Text, { asChild: true, className: "text-sm", children: /* @__PURE__ */ jsx(DialogPrimitive.Description, { className, ref, ...props }) });
+}) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Description,
+  {
+    className: cn(textVariants(), "text-sm", className),
+    ref,
+    ...props
+  }
+);
 export {
   Dialog,
   DialogClose,

package/dist/components/dialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/dialog.tsx"],
-  "sourcesContent": ["/**\n * @module Dialog\n *\n * Modal dialog overlay for focused user interaction. Built on Radix UI Dialog primitive.\n * Includes backdrop overlay, close button, and focus trapping.\n *\n * @see {@link https://ui.shadcn.com/docs/components/dialog Shadcn Dialog}\n * @see {@link https://www.radix-ui.com/primitives/docs/components/dialog Radix Dialog}\n *\n * @example\n * // Basic dialog\n * <Dialog>\n *   <DialogTrigger asChild>\n *     <Button>Open Dialog</Button>\n *   </DialogTrigger>\n *   <DialogContent>\n *     <DialogHeader>\n *       <DialogTitle>Are you sure?</DialogTitle>\n *       <DialogDescription>\n *         This action cannot be undone.\n *       </DialogDescription>\n *     </DialogHeader>\n *     <DialogFooter>\n *       <Button>Confirm</Button>\n *     </DialogFooter>\n *   </DialogContent>\n * </Dialog>\n *\n * @example\n * // Controlled dialog\n * const [open, setOpen] = useState(false);\n *\n * <Dialog open={open} onOpenChange={setOpen}>\n *   <DialogContent>\n *     <DialogHeader>\n *       <DialogTitle>Edit Profile</DialogTitle>\n *     </DialogHeader>\n *     <form onSubmit={() => setOpen(false)}>\n *       ...\n *     </form>\n *   </DialogContent>\n * </Dialog>\n */\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\nimport type * as React from \"react\";\nimport type { Ref } from \"react\";\n\nimport { cn } from \"../lib/utils\";\nimport { Button } from \"./button\";\nimport { Echo } from \"./typography/heading\";\nimport { Text } from \"./typography/text\";\n\n/** Root component that manages dialog open/closed state. */\nconst Dialog = DialogPrimitive.Root;\n\n/** Element that opens the dialog when clicked. Use `asChild` to wrap custom buttons. */\nconst DialogTrigger = DialogPrimitive.Trigger;\n\n/** Portal for rendering dialog outside the DOM hierarchy. */\nconst DialogPortal = DialogPrimitive.Portal;\n\n/** Closes the dialog when clicked. Use `asChild` to wrap custom close buttons. */\nconst DialogClose = DialogPrimitive.Close;\n\n/** Semi-transparent backdrop behind the dialog. Animated fade on open/close. */\nconst DialogOverlay = ({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay> & {\n  ref?: Ref<React.ElementRef<typeof DialogPrimitive.Overlay>>;\n}) => (\n  <DialogPrimitive.Overlay\n    className={cn(\n      \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/60 data-[state=closed]:animate-out data-[state=open]:animate-in\",\n      className\n    )}\n    ref={ref}\n    {...props}\n  />\n);\n\n/**\n * Main dialog container. Centered on screen with close button.\n * Includes overlay, focus trap, and Escape key handling.\n */\nconst DialogContent = ({\n  className,\n  children,\n  ref,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n  ref?: Ref<React.ElementRef<typeof DialogPrimitive.Content>>;\n}) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      className={cn(\n        \"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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-gray-150 border-solid bg-white p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:rounded-lg dark:border-gray-800 dark:bg-gray-950\",\n        className\n      )}\n      ref={ref}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.Close\n        asChild\n        className=\"absolute top-4 right-4 opacity-100 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-gray-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-gray-100 data-[state=open]:text-gray-500 dark:ring-offset-gray-950 dark:data-[state=open]:bg-gray-800 dark:data-[state=open]:text-gray-400 dark:focus:ring-gray-300\"\n      >\n        <Button aria-label=\"Close\" size=\"icon\" variant=\"transparent\">\n          <X className=\"h-5 w-5\" />\n          <span className=\"sr-only\">Close</span>\n        </Button>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n);\n\n/** Header section for dialog title and description. Centered on mobile, left-aligned on desktop. */\nconst DialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col space-y-1.5 text-center sm:text-left\",\n      className\n    )}\n    {...props}\n  />\n);\nDialogHeader.displayName = \"DialogHeader\";\n\n/** Footer section for action buttons. Stacks on mobile, horizontal on desktop. */\nconst DialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n      className\n    )}\n    {...props}\n  />\n);\nDialogFooter.displayName = \"DialogFooter\";\n\n/** Dialog title with Echo typography. Required for accessibility. */\nconst DialogTitle = ({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> & {\n  ref?: Ref<React.ElementRef<typeof DialogPrimitive.Title>>;\n}) => (\n  <Echo asChild>\n    <DialogPrimitive.Title className={className} ref={ref} {...props} />\n  </Echo>\n);\n\n/** Accessible description text below the title. */\nconst DialogDescription = ({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description> & {\n  ref?: Ref<React.ElementRef<typeof DialogPrimitive.Description>>;\n}) => (\n  <Text asChild className=\"text-sm\">\n    <DialogPrimitive.Description className={className} ref={ref} {...props} />\n  </Text>\n);\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n};\n"],
-  "mappings": "AAyEE,cAqCM,YArCN;AA9BF,YAAY,qBAAqB;AACjC,SAAS,SAAS;AAIlB,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,YAAY;AAGrB,MAAM,SAAS,gBAAgB;AAG/B,MAAM,gBAAgB,gBAAgB;AAGtC,MAAM,eAAe,gBAAgB;AAGrC,MAAM,cAAc,gBAAgB;AAGpC,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAGE;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACC,GAAG;AAAA;AACN;AAOF,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAGE,qBAAC,gBACC;AAAA,sBAAC,iBAAc;AAAA,EACf;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD;AAAA,UAAC,gBAAgB;AAAA,UAAhB;AAAA,YACC,SAAO;AAAA,YACP,WAAU;AAAA,YAEV,+BAAC,UAAO,cAAW,SAAQ,MAAK,QAAO,SAAQ,eAC7C;AAAA,kCAAC,KAAE,WAAU,WAAU;AAAA,cACvB,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA,eACjC;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAAA,GACF;AAIF,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN;AAEF,aAAa,cAAc;AAG3B,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN;AAEF,aAAa,cAAc;AAG3B,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAGE,oBAAC,QAAK,SAAO,MACX,8BAAC,gBAAgB,OAAhB,EAAsB,WAAsB,KAAW,GAAG,OAAO,GACpE;AAIF,MAAM,oBAAoB,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAGE,oBAAC,QAAK,SAAO,MAAC,WAAU,WACtB,8BAAC,gBAAgB,aAAhB,EAA4B,WAAsB,KAAW,GAAG,OAAO,GAC1E;",
+  "sourcesContent": ["/**\n * @module Dialog\n *\n * Modal dialog overlay for focused user interaction. Built on Radix UI Dialog primitive.\n * Includes backdrop overlay, close button, and focus trapping.\n *\n * @see {@link https://ui.shadcn.com/docs/components/dialog Shadcn Dialog}\n * @see {@link https://www.radix-ui.com/primitives/docs/components/dialog Radix Dialog}\n *\n * @example\n * // Basic dialog\n * <Dialog>\n *   <DialogTrigger asChild>\n *     <Button>Open Dialog</Button>\n *   </DialogTrigger>\n *   <DialogContent>\n *     <DialogHeader>\n *       <DialogTitle>Are you sure?</DialogTitle>\n *       <DialogDescription>\n *         This action cannot be undone.\n *       </DialogDescription>\n *     </DialogHeader>\n *     <DialogFooter>\n *       <Button>Confirm</Button>\n *     </DialogFooter>\n *   </DialogContent>\n * </Dialog>\n *\n * @example\n * // Controlled dialog\n * const [open, setOpen] = useState(false);\n *\n * <Dialog open={open} onOpenChange={setOpen}>\n *   <DialogContent>\n *     <DialogHeader>\n *       <DialogTitle>Edit Profile</DialogTitle>\n *     </DialogHeader>\n *     <form onSubmit={() => setOpen(false)}>\n *       ...\n *     </form>\n *   </DialogContent>\n * </Dialog>\n */\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\nimport type * as React from \"react\";\nimport type { Ref } from \"react\";\n\nimport { cn } from \"../lib/utils\";\nimport { Button } from \"./button\";\nimport { headingVariants } from \"./typography/heading\";\nimport { textVariants } from \"./typography/text\";\n\n/** Root component that manages dialog open/closed state. */\nconst Dialog = DialogPrimitive.Root;\n\n/** Element that opens the dialog when clicked. Use `asChild` to wrap custom buttons. */\nconst DialogTrigger = DialogPrimitive.Trigger;\n\n/** Portal for rendering dialog outside the DOM hierarchy. */\nconst DialogPortal = DialogPrimitive.Portal;\n\n/** Closes the dialog when clicked. Use `asChild` to wrap custom close buttons. */\nconst DialogClose = DialogPrimitive.Close;\n\n/** Semi-transparent backdrop behind the dialog. Animated fade on open/close. */\nconst DialogOverlay = ({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay> & {\n  ref?: Ref<React.ElementRef<typeof DialogPrimitive.Overlay>>;\n}) => (\n  <DialogPrimitive.Overlay\n    className={cn(\n      \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/60 data-[state=closed]:animate-out data-[state=open]:animate-in\",\n      className\n    )}\n    ref={ref}\n    {...props}\n  />\n);\n\n/**\n * Main dialog container. Centered on screen with close button.\n * Includes overlay, focus trap, and Escape key handling.\n */\nconst DialogContent = ({\n  className,\n  children,\n  ref,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n  ref?: Ref<React.ElementRef<typeof DialogPrimitive.Content>>;\n}) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      className={cn(\n        \"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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-gray-150 border-solid bg-white p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:rounded-lg dark:border-gray-800 dark:bg-gray-950\",\n        className\n      )}\n      ref={ref}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.Close\n        asChild\n        className=\"absolute top-4 right-4 opacity-100 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-gray-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-gray-100 data-[state=open]:text-gray-500 dark:ring-offset-gray-950 dark:data-[state=open]:bg-gray-800 dark:data-[state=open]:text-gray-400 dark:focus:ring-gray-300\"\n      >\n        <Button aria-label=\"Close\" size=\"icon\" variant=\"transparent\">\n          <X className=\"h-5 w-5\" />\n          <span className=\"sr-only\">Close</span>\n        </Button>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n);\n\n/** Header section for dialog title and description. Centered on mobile, left-aligned on desktop. */\nconst DialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col space-y-1.5 text-center sm:text-left\",\n      className\n    )}\n    {...props}\n  />\n);\nDialogHeader.displayName = \"DialogHeader\";\n\n/** Footer section for action buttons. Stacks on mobile, horizontal on desktop. */\nconst DialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n      className\n    )}\n    {...props}\n  />\n);\nDialogFooter.displayName = \"DialogFooter\";\n\n/** Dialog title with Echo typography. Required for accessibility. */\nconst DialogTitle = ({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> & {\n  ref?: Ref<React.ElementRef<typeof DialogPrimitive.Title>>;\n}) => (\n  <DialogPrimitive.Title\n    className={cn(\n      headingVariants({ variant: \"h5\", fontFamily: \"brand\" }),\n      className\n    )}\n    ref={ref}\n    {...props}\n  />\n);\n\n/** Accessible description text below the title. */\nconst DialogDescription = ({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description> & {\n  ref?: Ref<React.ElementRef<typeof DialogPrimitive.Description>>;\n}) => (\n  <DialogPrimitive.Description\n    className={cn(textVariants(), \"text-sm\", className)}\n    ref={ref}\n    {...props}\n  />\n);\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],
+  "mappings": "AAyEE,cAqCM,YArCN;AA9BF,YAAY,qBAAqB;AACjC,SAAS,SAAS;AAIlB,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAG7B,MAAM,SAAS,gBAAgB;AAG/B,MAAM,gBAAgB,gBAAgB;AAGtC,MAAM,eAAe,gBAAgB;AAGrC,MAAM,cAAc,gBAAgB;AAGpC,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAGE;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACC,GAAG;AAAA;AACN;AAOF,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAGE,qBAAC,gBACC;AAAA,sBAAC,iBAAc;AAAA,EACf;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD;AAAA,UAAC,gBAAgB;AAAA,UAAhB;AAAA,YACC,SAAO;AAAA,YACP,WAAU;AAAA,YAEV,+BAAC,UAAO,cAAW,SAAQ,MAAK,QAAO,SAAQ,eAC7C;AAAA,kCAAC,KAAE,WAAU,WAAU;AAAA,cACvB,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA,eACjC;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAAA,GACF;AAIF,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN;AAEF,aAAa,cAAc;AAG3B,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN;AAEF,aAAa,cAAc;AAG3B,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAGE;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC,WAAW;AAAA,MACT,gBAAgB,EAAE,SAAS,MAAM,YAAY,QAAQ,CAAC;AAAA,MACtD;AAAA,IACF;AAAA,IACA;AAAA,IACC,GAAG;AAAA;AACN;AAIF,MAAM,oBAAoB,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAGE;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC,WAAW,GAAG,aAAa,GAAG,WAAW,SAAS;AAAA,IAClD;AAAA,IACC,GAAG;AAAA;AACN;",
   "names": []
 }