@gentleduck/docs 0.0.12 → 0.0.14

package/dist/style-switcher-BvF4n8f4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-switcher-BvF4n8f4.js","names":["intervalId: NodeJS.Timeout | null","item: HTMLLIElement | null","i","item","React","usePopoverContext"],"sources":["../../registry-ui-duckui/src/select/select.hooks.ts","../../registry-ui-duckui/src/select/select.libs.ts","../../registry-ui-duckui/src/select/select.tsx","../src/components/themes/style-switcher.tsx"],"sourcesContent":["import React from 'react'\n\nexport function useSelectScroll(\n  open: boolean,\n  itemsRef: React.RefObject<HTMLLIElement[]>,\n  selectedItemRef: React.RefObject<HTMLLIElement | null>,\n  contentRef: React.RefObject<HTMLDivElement | null>, // make sure this is the scrollable div, not the dialog\n) {\n  React.useEffect(() => {\n    if (!open || !contentRef.current) return\n\n    const scrollContainer = contentRef.current\n    const keyDown = scrollContainer.parentElement?.querySelector<HTMLButtonElement>('[duck-select-scroll-down-button]')\n    const keyUp = scrollContainer.parentElement?.querySelector<HTMLButtonElement>('[duck-select-scroll-up-button]')\n\n    if (!keyDown || !keyUp) return\n\n    let intervalId: NodeJS.Timeout | null = null\n\n    const moveSelectionDown = () => {\n      if (!itemsRef.current || !selectedItemRef.current) return\n\n      const currentIndex = itemsRef.current.findIndex((item) => item.id === selectedItemRef.current?.id)\n      if (currentIndex === -1) return\n\n      const nextIndex = Math.min(currentIndex + 1, itemsRef.current.length - 1)\n      selectedItemRef.current = itemsRef.current[nextIndex] as HTMLLIElement\n\n      // Instead of scrollIntoView, scroll only inside the container\n      scrollContainer.scrollTop = selectedItemRef.current.offsetTop - scrollContainer.clientHeight / 2\n    }\n\n    const moveSelectionUp = () => {\n      if (!itemsRef.current || !selectedItemRef.current) return\n\n      const currentIndex = itemsRef.current.findIndex((item) => item.id === selectedItemRef.current?.id)\n      if (currentIndex === -1) return\n\n      const prevIndex = Math.max(currentIndex - 1, 0)\n      selectedItemRef.current = itemsRef.current[prevIndex] as HTMLLIElement\n\n      scrollContainer.scrollTop = selectedItemRef.current.offsetTop - scrollContainer.clientHeight / 2\n    }\n\n    const startInterval = (fn: () => void) => {\n      stopInterval()\n      fn()\n      intervalId = setInterval(fn, 40)\n    }\n\n    const stopInterval = () => {\n      if (intervalId) {\n        clearInterval(intervalId)\n        intervalId = null\n      }\n    }\n\n    // Store references so removeEventListener works\n    const handleDownEnter = () => startInterval(moveSelectionDown)\n    const handleDownLeave = stopInterval\n    const handleUpEnter = () => startInterval(moveSelectionUp)\n    const handleUpLeave = stopInterval\n\n    keyDown.addEventListener('mouseenter', handleDownEnter)\n    keyDown.addEventListener('mouseleave', handleDownLeave)\n    keyUp.addEventListener('mouseenter', handleUpEnter)\n    keyUp.addEventListener('mouseleave', handleUpLeave)\n\n    return () => {\n      keyDown.removeEventListener('mouseenter', handleDownEnter)\n      keyDown.removeEventListener('mouseleave', handleDownLeave)\n      keyUp.removeEventListener('mouseenter', handleUpEnter)\n      keyUp.removeEventListener('mouseleave', handleUpLeave)\n      stopInterval()\n    }\n  }, [open, itemsRef, selectedItemRef, contentRef])\n}\n","import { dstyleItem, styleItem } from '../command'\n\nexport function initRefs(\n  open: boolean,\n  groupsRef: React.RefObject<HTMLUListElement[] | null>,\n  contentRef: React.RefObject<HTMLDivElement | null>,\n  selectedItemRef: React.RefObject<HTMLLIElement | null>,\n  itemsRef: React.RefObject<HTMLLIElement[]>,\n  setSelectedItem: (item: HTMLLIElement) => void,\n  onOpenChange: (open: boolean) => void,\n  value: string,\n  onValueChange: (value: string) => void,\n  defaultValue: string,\n) {\n  const items = contentRef.current?.querySelectorAll('[duck-select-item]') as never as HTMLLIElement[]\n  const groups = contentRef.current?.querySelectorAll('[duck-select-group]') as never as HTMLUListElement[]\n\n  itemsRef.current = Array.from(items ?? [])\n  groupsRef.current = Array.from(groups ?? [])\n\n  itemsRef.current = itemsRef.current.filter(\n    (item) => !(item.hasAttribute('aria-disabled') || item.getAttribute('aria-disabled') === 'true'),\n  )\n\n  // Select initial item:\n  if (!selectedItemRef.current) {\n    let item: HTMLLIElement | null = null\n\n    if (value) {\n      item =\n        itemsRef.current.find((el) => el.getAttribute('value') === value || el.getAttribute('data-value') === value) ??\n        null\n    } else if (defaultValue) {\n      item =\n        itemsRef.current.find(\n          (el) => el.getAttribute('value') === defaultValue || el.getAttribute('data-value') === defaultValue,\n        ) ?? null\n    } else {\n      item = itemsRef.current?.[0] ?? null\n    }\n\n    if (item) {\n      selectedItemRef.current = item\n      setSelectedItem(item)\n    }\n  }\n\n  for (let i = 0; i < itemsRef.current?.length; i++) {\n    const item = itemsRef.current[i] as HTMLLIElement\n    if (\n      (selectedItemRef.current?.getAttribute('value') === item.getAttribute('value') ||\n        item.getAttribute('data-value') === value) &&\n      open\n    ) {\n      styleItem(item)\n    }\n\n    if (!selectedItemRef.current) {\n      dstyleItem(item)\n    }\n\n    item.onclick = () => {\n      selectedItemRef.current = item\n      setSelectedItem(item)\n      onValueChange(item.getAttribute('value') as string)\n      onOpenChange(false)\n\n      for (let i = 0; i < itemsRef.current?.length; i++) {\n        const item = itemsRef.current[i] as HTMLLIElement\n        dstyleItem(item)\n      }\n    }\n  }\n}\n","'use client'\n\nimport { cn } from '@gentleduck/libs/cn'\nimport { usePopoverContext } from '@gentleduck/primitives/popover'\nimport { CheckIcon, ChevronDown, ChevronUp } from 'lucide-react'\nimport * as React from 'react'\nimport { Button, buttonVariants } from '../button'\nimport { useHandleKeyDown } from '../command'\nimport { Popover, PopoverContent, PopoverTrigger } from '../popover'\nimport { useSelectScroll } from './select.hooks'\nimport { initRefs } from './select.libs'\nimport type { SelectContextType } from './select.types'\n\nexport const SelectContext = React.createContext<SelectContextType | null>(null)\nexport function useSelectContext() {\n  const context = React.useContext(SelectContext)\n  if (context === null) {\n    throw new Error('useSelectContext must be used within a SelectProvider')\n  }\n  return context\n}\n\nfunction SelectWrapper({\n  children,\n  scrollable = false,\n  value,\n  onValueChange = () => {},\n  defaultValue = '',\n}: {\n  children: React.ReactNode\n  scrollable?: boolean\n  value?: string\n  onValueChange?: (value: string) => void\n  defaultValue?: string\n}) {\n  const { open, setOpen: onOpenChange } = usePopoverContext()\n\n  const triggerRef = React.useRef<HTMLButtonElement | null>(null)\n  const contentRef = React.useRef<HTMLDivElement | null>(null)\n  const groupsRef = React.useRef<HTMLUListElement[]>([])\n  const [selectedItem, setSelectedItem] = React.useState<HTMLLIElement | null>(null)\n  const itemsRef = React.useRef<HTMLLIElement[]>([])\n  const selectedItemRef = React.useRef<HTMLLIElement | null>(null)\n  const selectValue = value ?? ''\n\n  React.useEffect(() => {\n    selectedItemRef.current = null\n    setSelectedItem(null)\n  }, [value, defaultValue])\n\n  React.useEffect(() => {\n    const timeoutId = window.setTimeout(() => {\n      initRefs(\n        open,\n        groupsRef,\n        contentRef,\n        selectedItemRef,\n        itemsRef,\n        setSelectedItem,\n        onOpenChange,\n        selectValue,\n        onValueChange,\n        defaultValue,\n      )\n    }, 0)\n\n    return () => window.clearTimeout(timeoutId)\n  }, [open, selectValue, defaultValue, onOpenChange, onValueChange])\n\n  useSelectScroll(open, itemsRef, selectedItemRef, contentRef)\n  useHandleKeyDown({\n    containerRef: contentRef,\n    itemsRef,\n    open,\n    originalItemsRef: itemsRef,\n    selectedItem,\n    setSelectedItem: (item) => {\n      selectedItemRef.current = item\n    },\n  })\n\n  return (\n    <SelectContext.Provider\n      value={{\n        contentRef,\n        groupsRef,\n        itemsRef,\n        open,\n        scrollable,\n        selectedItem,\n        triggerRef: triggerRef,\n        value: selectedItem?.getAttribute('value') ?? (selectValue || defaultValue),\n      }}>\n      <div>{children}</div>\n    </SelectContext.Provider>\n  )\n}\n\nfunction Select({\n  children,\n  onValueChange,\n  contextMenu,\n  defaultValue,\n  value,\n  ...props\n}: React.ComponentPropsWithRef<typeof Popover> & {\n  defaultValue?: string\n  value?: string\n  onValueChange?: (value: string) => void\n  scrollable?: boolean\n}) {\n  return (\n    <Popover {...props} contextMenu={contextMenu} matchWidth>\n      <SelectWrapper {...props} defaultValue={defaultValue} onValueChange={onValueChange} value={value}>\n        {children}\n      </SelectWrapper>\n    </Popover>\n  )\n}\n\nfunction SelectTrigger({\n  children,\n  className,\n  customIndicator,\n  ref,\n  ...props\n}: React.ComponentPropsWithRef<typeof PopoverTrigger> & { customIndicator?: React.ReactNode }) {\n  const { triggerRef } = useSelectContext()\n  return (\n    <PopoverTrigger\n      {...props}\n      className={cn(buttonVariants({ variant: 'outline' }), 'w-full justify-between text-base', className)}\n      data-slot=\"select-trigger\"\n      duck-select-trigger=\"\"\n      ref={triggerRef as never}>\n      {children}\n      <span className=\"[&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-muted-foreground [&>svg]:duration-300\">\n        {customIndicator ? customIndicator : <ChevronDown className=\"-mr-1\" />}\n      </span>\n    </PopoverTrigger>\n  )\n}\n\nfunction SelectContent({ children, className, ...props }: React.ComponentPropsWithRef<typeof PopoverContent>) {\n  const { scrollable, contentRef } = useSelectContext()\n  return (\n    <PopoverContent\n      className={cn('w-auto px-1.5 [&>div]:w-full', scrollable ? 'py-0' : 'py-1', className)}\n      data-slot=\"select-content\"\n      duck-select-content=\"\"\n      {...props}>\n      {scrollable && <SelectScrollUpButton />}\n      <div\n        className={cn(scrollable && 'max-h-[450px] overflow-y-scroll')}\n        data-slot=\"select-content-scrollable\"\n        duck-select-content-scrollable=\"\"\n        ref={contentRef}>\n        {children}\n      </div>\n      {scrollable && <SelectScrollDownButton />}\n    </PopoverContent>\n  )\n}\n\nfunction SelectGroup({ children, ...props }: React.HTMLProps<HTMLUListElement>) {\n  return <ul {...props}>{children}</ul>\n}\n\nfunction SelectValue({\n  className,\n  children,\n  placeholder,\n  ...props\n}: Omit<React.HTMLProps<HTMLDivElement>, 'placeholder'> & {\n  placeholder?: string | number\n}) {\n  const { value } = useSelectContext()\n  return (\n    <div\n      className={cn(\n        'relative flex select-none items-center gap-2 truncate rounded-xs text-sm outline-hidden',\n        className,\n      )}\n      {...props}\n      data-slot=\"select-value\"\n      duck-select-value=\"\">\n      {value.length > 0 ? value : <span className=\"text-muted-foreground\">{placeholder}</span>}\n    </div>\n  )\n}\n\nfunction SelectLabel({ htmlFor, children, className, ref, ...props }: React.HTMLProps<HTMLLabelElement>) {\n  return (\n    <label\n      className={cn('px-2 text-muted-foreground text-sm', className)}\n      htmlFor={htmlFor}\n      ref={ref}\n      {...props}\n      data-slot=\"select-label\"\n      duck-select-label=\"\">\n      {children}\n    </label>\n  )\n}\n\nfunction SelectItem({\n  children,\n  value,\n  className,\n  disabled,\n  ref,\n  ...props\n}: Omit<React.HTMLProps<HTMLLIElement>, 'value'> & { value: string }) {\n  const { value: _value, selectedItem } = useSelectContext()\n  const id = React.useId()\n\n  return (\n    <li\n      aria-haspopup=\"dialog\"\n      id={id}\n      popoverTarget={id}\n      popoverTargetAction=\"hide\"\n      ref={ref}\n      role=\"checkbox\"\n      {...props}\n      aria-disabled={disabled}\n      className={cn(\n        'relative flex flex w-full cursor-default cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1 text-sm outline-hidden transition-color duration-300 will-change-300 hover:bg-muted hover:text-accent-foreground data-[selected=true]:text-accent-foreground [&[aria-selected]]:bg-muted',\n        disabled && 'pointer-events-none opacity-50',\n      )}\n      data-slot=\"select-item\"\n      data-value={value}\n      duck-select-item=\"\"\n      value={value}>\n      <div\n        className={cn(\n          'relative flex select-none items-center gap-2 truncate rounded-xs text-sm outline-hidden',\n          className,\n        )}>\n        {children}\n      </div>\n      {(_value.length > 0 ? _value : selectedItem?.getAttribute('data-value')) === String(value) && (\n        <span\n          className=\"absolute flex items-center justify-center transition-none duration-0 ltr:right-2 ltr:pl-2 rtl:left-2 rtl:pr-2\"\n          data-slot=\"select-indicator\"\n          duck-select-indicator=\"\"\n          id=\"select-indicator\">\n          <CheckIcon className=\"!size-3.5 shrink-0\" />\n        </span>\n      )}\n    </li>\n  )\n}\n\nfunction SelectSeparator({ children, className, ref, ...props }: React.HTMLProps<HTMLDivElement>) {\n  return (\n    <div\n      className={cn('-mx-1 my-1 h-px bg-muted', className)}\n      ref={ref}\n      {...props}\n      data-slot=\"select-separator\"\n      duck-select-separator=\"\"\n    />\n  )\n}\n\nfunction SelectScrollButton({\n  children,\n  className,\n  scrollDown,\n  ...props\n}: React.ComponentPropsWithRef<typeof Button> & { scrollDown?: boolean }) {\n  return (\n    <Button\n      className={cn(\n        'sticky z-50 w-full cursor-default cursor-pointer rounded-none bg-background p-0 [&>div]:justify-center',\n        scrollDown ? 'bottom-0' : '',\n        className,\n      )}\n      size=\"sm\"\n      variant=\"nothing\"\n      {...props}\n      data-slot=\"select-scroll-up-button\"\n      duck-select-scroll-button=\"\">\n      {scrollDown ? <ChevronDown className=\"shrink-0\" /> : <ChevronUp className=\"shrink-0\" />}\n    </Button>\n  )\n}\n\nfunction SelectScrollUpButton(props: React.ComponentPropsWithRef<typeof Button>) {\n  return (\n    <SelectScrollButton\n      {...props}\n      data-slot=\"select-scroll-up-button\"\n      duck-select-scroll-up-button=\"\"\n      scrollDown={false}\n    />\n  )\n}\n\nfunction SelectScrollDownButton(props: React.ComponentPropsWithRef<typeof Button>) {\n  return (\n    <SelectScrollButton\n      {...props}\n      data-slot=\"select-scroll-down-button\"\n      duck-select-scroll-down-button=\"\"\n      scrollDown={true}\n    />\n  )\n}\n\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n  SelectScrollUpButton,\n  SelectScrollDownButton,\n}\n","'use client'\n\nimport { useConfig } from '@duck-docs/hooks/use-config'\nimport { type Style, styles } from '@duck-docs/lib/registry-styles'\nimport { cn } from '@gentleduck/libs/cn'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@gentleduck/registry-ui-duckui/select'\nimport type * as React from 'react'\n\nexport function StyleSwitcher({ className, ...props }: React.ComponentPropsWithoutRef<typeof SelectTrigger>) {\n  const [config, setConfig] = useConfig()\n\n  return (\n    <Select\n      onValueChange={\n        ((value: Style['name']) =>\n          setConfig({\n            ...config,\n            style: value,\n          })) as never\n      }\n      value={config.style}>\n      <SelectTrigger className={cn('h-7 w-[145px] text-xs [&_svg]:h-4 [&_svg]:w-4', className)} {...props}>\n        <span className=\"text-muted-foreground\">Style: </span>\n        <SelectValue placeholder=\"Select style\" />\n      </SelectTrigger>\n      <SelectContent>\n        {styles.map((style) => (\n          <SelectItem className=\"text-xs\" key={style.name} value={style.name}>\n            {style.label}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  )\n}\n"],"mappings":"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"}

package/dist/style-switcher-CJ7Z244x.d.ts

@@ -1,25 +0,0 @@
-import { t as PopoverTrigger } from "./index-C3il2ITv.js";
-import * as React$1 from "react";
-import React from "react";
-import * as react_jsx_runtime86 from "react/jsx-runtime";
-
-//#region ../registry-ui-duckui/src/select/select.d.ts
-
-declare function SelectTrigger({
-  children,
-  className,
-  customIndicator,
-  ref,
-  ...props
-}: React$1.ComponentPropsWithRef<typeof PopoverTrigger> & {
-  customIndicator?: React$1.ReactNode;
-}): react_jsx_runtime86.JSX.Element;
-//#endregion
-//#region src/components/themes/style-switcher.d.ts
-declare function StyleSwitcher({
-  className,
-  ...props
-}: React$1.ComponentPropsWithoutRef<typeof SelectTrigger>): react_jsx_runtime86.JSX.Element;
-//#endregion
-export { StyleSwitcher as t };
-//# sourceMappingURL=style-switcher-CJ7Z244x.d.ts.map

package/dist/style-switcher-CJ7Z244x.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-switcher-CJ7Z244x.d.ts","names":[],"sources":["../../registry-ui-duckui/src/select/select.tsx","../src/components/themes/style-switcher.tsx"],"sourcesContent":[],"mappings":";;;;;;;iBAwHS,aAAA,CAMA;EAAA,QAAA;EAAA,SAAA;EAAA,eAAA;EAAA,GAAA;EAAA,GAAA;CAAA,EAAN,OAAA,CAAM,qBAAA,CAAA,OAA6B,cAA7B,CAAA,GAAA;EAAmE,eAAM,CAAA,EAAN,OAAA,CAAM,SAAA;CAAW,CAAA,EAAA,mBAAA,CAAA,GAAA,CAAA,OAAA;;;iBCtH7E,aAAA;;;GAAuC,OAAA,CAAM,gCAAgC,iBAAc,mBAAA,CAAA,GAAA,CAAA"}

package/dist/table-Cu1wFi9V.js

@@ -1,2 +0,0 @@
-import{cn as e}from"@gentleduck/libs/cn";import{jsx as t}from"react/jsx-runtime";const n=({className:n,...r})=>t(`div`,{className:`my-6 w-full overflow-x-auto rounded-lg border`,children:t(`table`,{className:e(`relative w-full border-none text-sm [&_tbody_tr:last-child]:border-b-0`,n),...r})}),r=({className:n,...r})=>t(`tr`,{className:e(`m-0 border-b`,n),...r}),i=({className:n,...r})=>t(`th`,{className:e(`px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right`,n),...r}),a=({className:n,...r})=>t(`td`,{className:e(`whitespace-nowrap px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right`,n),...r});export{r as i,a as n,i as r,n as t};
-//# sourceMappingURL=table-Cu1wFi9V.js.map

package/dist/table-Cu1wFi9V.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-Cu1wFi9V.js","names":["Table: FC<React.HTMLAttributes<HTMLTableElement>>","TableRow: FC<React.HTMLAttributes<HTMLTableRowElement>>","TableHeader: FC<React.HTMLAttributes<HTMLTableCellElement>>","TableCell: FC<React.HTMLAttributes<HTMLTableCellElement>>"],"sources":["../src/components/mdx/mdx-components/table.tsx"],"sourcesContent":["import { cn } from '@gentleduck/libs/cn'\nimport type { FC } from 'react'\n\nexport const Table: FC<React.HTMLAttributes<HTMLTableElement>> = ({ className, ...props }) => (\n  <div className=\"my-6 w-full overflow-x-auto rounded-lg border\">\n    <table\n      className={cn('relative w-full border-none text-sm [&_tbody_tr:last-child]:border-b-0', className)}\n      {...props}\n    />\n  </div>\n)\n\nexport const TableRow: FC<React.HTMLAttributes<HTMLTableRowElement>> = ({ className, ...props }) => (\n  <tr className={cn('m-0 border-b', className)} {...props} />\n)\n\nexport const TableHeader: FC<React.HTMLAttributes<HTMLTableCellElement>> = ({ className, ...props }) => (\n  <th\n    className={cn('px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right', className)}\n    {...props}\n  />\n)\n\nexport const TableCell: FC<React.HTMLAttributes<HTMLTableCellElement>> = ({ className, ...props }) => (\n  <td\n    className={cn(\n      'whitespace-nowrap px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right',\n      className,\n    )}\n    {...props}\n  />\n)\n"],"mappings":"iFAGA,MAAaA,GAAqD,CAAE,YAAW,GAAG,KAChF,EAAC,MAAA,CAAI,UAAU,yDACb,EAAC,QAAA,CACC,UAAW,EAAG,yEAA0E,EAAU,CAClG,GAAI,GACJ,EACE,CAGKC,GAA2D,CAAE,YAAW,GAAG,KACtF,EAAC,KAAA,CAAG,UAAW,EAAG,eAAgB,EAAU,CAAE,GAAI,GAAS,CAGhDC,GAA+D,CAAE,YAAW,GAAG,KAC1F,EAAC,KAAA,CACC,UAAW,EAAG,0FAA2F,EAAU,CACnH,GAAI,GACJ,CAGSC,GAA6D,CAAE,YAAW,GAAG,KACxF,EAAC,KAAA,CACC,UAAW,EACT,kGACA,EACD,CACD,GAAI,GACJ"}

package/dist/table-DAVFXCAf.d.ts

@@ -1,10 +0,0 @@
-import { FC } from "react";
-
-//#region src/components/mdx/mdx-components/table.d.ts
-declare const Table: FC<React.HTMLAttributes<HTMLTableElement>>;
-declare const TableRow: FC<React.HTMLAttributes<HTMLTableRowElement>>;
-declare const TableHeader: FC<React.HTMLAttributes<HTMLTableCellElement>>;
-declare const TableCell: FC<React.HTMLAttributes<HTMLTableCellElement>>;
-//#endregion
-export { TableRow as i, TableCell as n, TableHeader as r, Table as t };
-//# sourceMappingURL=table-DAVFXCAf.d.ts.map

package/dist/table-DAVFXCAf.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-DAVFXCAf.d.ts","names":[],"sources":["../src/components/mdx/mdx-components/table.tsx"],"sourcesContent":[],"mappings":";;;cAGa,OAAO,GAAG,KAAA,CAAM,eAAe;cAS/B,UAAU,GAAG,KAAA,CAAM,eAAe;AATlC,cAaA,WANZ,EAMyB,EANzB,CAM4B,KAAA,CAAM,cANlC,CAMiD,oBANjD,CAAA,CAAA;AAP2C,cAoB/B,SApB+B,EAoBpB,EApBoB,CAoBjB,KAAA,CAAM,cApBW,CAoBI,oBApBJ,CAAA,CAAA"}

package/dist/tabs-Cvy3-KIA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs-Cvy3-KIA.js","names":[],"sources":["../src/components/mdx/mdx-components/tabs.tsx"],"sourcesContent":["import { cn } from '@gentleduck/libs/cn'\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '@gentleduck/registry-ui-duckui/tabs'\n\nexport function Tab({ className, ...props }: React.ComponentProps<typeof Tabs>) {\n  return <Tabs className={cn('relative mt-6 w-full', className)} {...props} />\n}\n\nexport function TabList({ className, ...props }: React.ComponentProps<typeof TabsList>) {\n  return (\n    <TabsList className={cn('w-full justify-start rounded-none border-b bg-transparent p-0', className)} {...props} />\n  )\n}\nexport function TabTrigger({ className, ...props }: React.ComponentProps<typeof TabsTrigger>) {\n  return (\n    <TabsTrigger\n      className={cn(\n        \"cursor-pointer rounded-none border-b-[2px] border-b-transparent px-12 py-2 font-semibold [&[aria-selected='true']]:border-b-primary [&[aria-selected='true']]:shadow-none\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function TabContent({ className, ...props }: React.ComponentProps<typeof TabsContent>) {\n  return (\n    <TabsContent\n      className={cn('relative [&_h3.font-heading]:font-semibold [&_h3.font-heading]:text-base', className)}\n      {...props}\n    />\n  )\n}\n"],"mappings":"6IAGA,SAAgB,EAAI,CAAE,YAAW,GAAG,GAA4C,CAC9E,OAAO,EAAC,EAAA,CAAK,UAAW,EAAG,uBAAwB,EAAU,CAAE,GAAI,GAAS,CAG9E,SAAgB,EAAQ,CAAE,YAAW,GAAG,GAAgD,CACtF,OACE,EAAC,EAAA,CAAS,UAAW,EAAG,gEAAiE,EAAU,CAAE,GAAI,GAAS,CAGtH,SAAgB,EAAW,CAAE,YAAW,GAAG,GAAmD,CAC5F,OACE,EAAC,EAAA,CACC,UAAW,EACT,4KACA,EACD,CACD,GAAI,GACJ,CAIN,SAAgB,EAAW,CAAE,YAAW,GAAG,GAAmD,CAC5F,OACE,EAAC,EAAA,CACC,UAAW,EAAG,2EAA4E,EAAU,CACpG,GAAI,GACJ"}

package/dist/tabs-jsmxQQW0.js

@@ -1,2 +0,0 @@
-import{n as e}from"./mount-CNbhMJe--D9ALOndF.js";import{cn as t}from"@gentleduck/libs/cn";import*as n from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";function a(){let e=n.useContext(o);if(e===null)throw Error(`useTabs must be used within a TabsList`);return e}const o=n.createContext(null);function s({value:e,defaultValue:t,onValueChange:i,...a}){let[s,c]=n.useState(t??e??``);return n.useEffect(()=>{i&&i(s)},[s]),r(o.Provider,{value:{activeItem:s,setActiveItem:c},children:r(`div`,{...a,"aria-orientation":`vertical`,"data-slot":`tabs`,"duck-tabs":``,role:`tablist`})})}const c=({className:e,ref:n,...i})=>r(`ul`,{className:t(`inline-flex w-fit items-center justify-center gap-2 rounded-md bg-muted p-1 text-muted-foreground`,e),ref:n,...i,"data-slot":`tabs-list`,"duck-tabs-list":``}),l=({className:e,children:o,defaultChecked:s,onClick:c,value:l,disabled:u,ref:d,...f})=>{let{setActiveItem:p,activeItem:m}=a(),h=l===m;return n.useEffect(()=>{s&&p(l)},[s]),i(`li`,{"aria-selected":h,className:t(`relative inline-flex h-[29.04px] items-center justify-center whitespace-nowrap rounded-sm px-3 font-medium text-sm ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`,h&&`bg-background text-foreground shadow-sm`,u&&`pointer-events-none opacity-50`,e),"data-value":l,id:`tab-${l}`,ref:d,...f,"data-slot":`tabs-trigger`,"duck-tabs-trigger":``,children:[r(`input`,{checked:h,className:`absolute inset-0 appearance-none rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`,defaultChecked:s,disabled:u,id:l,name:`tab`,onChange:()=>p(l),type:`radio`,value:l}),r(`label`,{className:`flex items-center gap-2 font-medium`,htmlFor:l,children:o})]})},u=({children:i,forceMount:o=!1,className:s,value:c,ref:l,...u})=>{let{activeItem:d}=a(),f=n.useRef(null);return r(`div`,{"aria-hidden":d!==c,className:t(`mt-2 shrink-0 list-none ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`,d===c?`h-auto opacity-100`:`h-0 opacity-0`,s),"data-value":c,"duck-tabs-content":``,hidden:d!==c,ref:f,role:`tabpanel`,tabIndex:-1,...u,"data-slot":`tabs-content`,children:r(e,{forceMount:o,open:d===c,ref:null,children:i})})};export{l as i,u as n,c as r,s as t};
-//# sourceMappingURL=tabs-jsmxQQW0.js.map

package/dist/tabs-jsmxQQW0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs-jsmxQQW0.js","names":["React","MountMinimal"],"sources":["../../registry-ui-duckui/src/tabs/tabs.tsx"],"sourcesContent":["'use client'\n\nimport { cn } from '@gentleduck/libs/cn'\nimport { MountMinimal } from '@gentleduck/primitives/mount'\nimport * as React from 'react'\n\nexport function useTabs() {\n  const context = React.useContext(TabsContext)\n  if (context === null) {\n    throw new Error('useTabs must be used within a TabsList')\n  }\n  return context\n}\n\nexport interface TabsContextProps {\n  activeItem: string\n  setActiveItem: React.Dispatch<React.SetStateAction<string>>\n}\n\nconst TabsContext = React.createContext<TabsContextProps | null>(null)\n\nexport interface TabsProps extends Omit<React.HTMLProps<HTMLDivElement>, 'defaultValue'> {\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n}\n\nfunction Tabs({ value, defaultValue, onValueChange, ...props }: TabsProps) {\n  const [activeItem, setActiveItem] = React.useState<string>(defaultValue ?? value ?? '')\n\n  React.useEffect(() => {\n    if (onValueChange) onValueChange(activeItem)\n  }, [activeItem])\n\n  return (\n    <TabsContext.Provider value={{ activeItem, setActiveItem }}>\n      <div {...props} aria-orientation=\"vertical\" data-slot=\"tabs\" duck-tabs=\"\" role=\"tablist\" />\n    </TabsContext.Provider>\n  )\n}\n\nexport interface TabsListProps extends React.HTMLProps<HTMLUListElement> {}\nconst TabsList = ({ className, ref, ...props }: TabsListProps) => (\n  <ul\n    className={cn(\n      'inline-flex w-fit items-center justify-center gap-2 rounded-md bg-muted p-1 text-muted-foreground',\n      className,\n    )}\n    ref={ref}\n    {...props}\n    data-slot=\"tabs-list\"\n    duck-tabs-list=\"\"\n  />\n)\n\nexport interface TabsTriggerProps extends React.HTMLProps<HTMLLIElement> {\n  value: string\n  defaultChecked?: boolean\n}\n\nconst TabsTrigger = ({\n  className,\n  children,\n  defaultChecked,\n  onClick,\n  value,\n  disabled,\n  ref,\n  ...props\n}: TabsTriggerProps) => {\n  const { setActiveItem, activeItem } = useTabs()\n  const isActive = value === activeItem\n\n  React.useEffect(() => {\n    if (defaultChecked) setActiveItem(value)\n  }, [defaultChecked])\n\n  return (\n    <li\n      aria-selected={isActive}\n      className={cn(\n        'relative inline-flex h-[29.04px] items-center justify-center whitespace-nowrap rounded-sm px-3 font-medium text-sm ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n        isActive && 'bg-background text-foreground shadow-sm',\n        disabled && 'pointer-events-none opacity-50',\n        className,\n      )}\n      data-value={value}\n      id={`tab-${value}`}\n      ref={ref}\n      {...props}\n      data-slot=\"tabs-trigger\"\n      duck-tabs-trigger=\"\">\n      <input\n        checked={isActive}\n        className=\"absolute inset-0 appearance-none rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n        defaultChecked={defaultChecked}\n        disabled={disabled}\n        id={value}\n        name=\"tab\"\n        onChange={() => setActiveItem(value)}\n        type=\"radio\"\n        value={value}\n      />\n      <label className=\"flex items-center gap-2 font-medium\" htmlFor={value}>\n        {children}\n      </label>\n    </li>\n  )\n}\n\nconst TabsContent = ({\n  children,\n  forceMount = false,\n  className,\n  value,\n  ref,\n  ...props\n}: React.HTMLProps<HTMLDivElement> & {\n  value: string\n  forceMount?: boolean\n}) => {\n  const { activeItem } = useTabs()\n  const localRef = React.useRef<HTMLDivElement>(null)\n\n  return (\n    <div\n      aria-hidden={activeItem !== value}\n      className={cn(\n        'mt-2 shrink-0 list-none ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n        activeItem === value ? 'h-auto opacity-100' : 'h-0 opacity-0',\n        className,\n      )}\n      data-value={value}\n      duck-tabs-content=\"\"\n      hidden={activeItem !== value}\n      ref={localRef}\n      role=\"tabpanel\"\n      tabIndex={-1}\n      {...props}\n      data-slot=\"tabs-content\">\n      <MountMinimal forceMount={forceMount} open={activeItem === value} ref={null}>\n        {children}\n      </MountMinimal>\n    </div>\n  )\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"mappings":"oKAMA,SAAgB,GAAU,CACxB,IAAM,EAAUA,EAAM,WAAW,EAAY,CAC7C,GAAI,IAAY,KACd,MAAU,MAAM,yCAAyC,CAE3D,OAAO,EAQT,MAAM,EAAcA,EAAM,cAAuC,KAAK,CAQtE,SAAS,EAAK,CAAE,QAAO,eAAc,gBAAe,GAAG,GAAoB,CACzE,GAAM,CAAC,EAAY,GAAiBA,EAAM,SAAiB,GAAgB,GAAS,GAAG,CAMvF,OAJA,EAAM,cAAgB,CAChB,GAAe,EAAc,EAAW,EAC3C,CAAC,EAAW,CAAC,CAGd,EAAC,EAAY,SAAA,CAAS,MAAO,CAAE,aAAY,gBAAe,UACxD,EAAC,MAAA,CAAI,GAAI,EAAO,mBAAiB,WAAW,YAAU,OAAO,YAAU,GAAG,KAAK,WAAY,EACtE,CAK3B,MAAM,GAAY,CAAE,YAAW,MAAK,GAAG,KACrC,EAAC,KAAA,CACC,UAAW,EACT,oGACA,EACD,CACI,MACL,GAAI,EACJ,YAAU,YACV,iBAAe,IACf,CAQE,GAAe,CACnB,YACA,WACA,iBACA,UACA,QACA,WACA,MACA,GAAG,KACmB,CACtB,GAAM,CAAE,gBAAe,cAAe,GAAS,CACzC,EAAW,IAAU,EAM3B,OAJA,EAAM,cAAgB,CAChB,GAAgB,EAAc,EAAM,EACvC,CAAC,EAAe,CAAC,CAGlB,EAAC,KAAA,CACC,gBAAe,EACf,UAAW,EACT,+PACA,GAAY,0CACZ,GAAY,iCACZ,EACD,CACD,aAAY,EACZ,GAAI,OAAO,IACN,MACL,GAAI,EACJ,YAAU,eACV,oBAAkB,aAClB,EAAC,QAAA,CACC,QAAS,EACT,UAAU,yKACM,iBACN,WACV,GAAI,EACJ,KAAK,MACL,aAAgB,EAAc,EAAM,CACpC,KAAK,QACE,SACP,CACF,EAAC,QAAA,CAAM,UAAU,sCAAsC,QAAS,EAC7D,YACK,CAAA,EACL,EAIH,GAAe,CACnB,WACA,aAAa,GACb,YACA,QACA,MACA,GAAG,KAIC,CACJ,GAAM,CAAE,cAAe,GAAS,CAC1B,EAAWA,EAAM,OAAuB,KAAK,CAEnD,OACE,EAAC,MAAA,CACC,cAAa,IAAe,EAC5B,UAAW,EACT,uJACA,IAAe,EAAQ,qBAAuB,gBAC9C,EACD,CACD,aAAY,EACZ,oBAAkB,GAClB,OAAQ,IAAe,EACvB,IAAK,EACL,KAAK,WACL,SAAU,GACV,GAAI,EACJ,YAAU,wBACV,EAACC,EAAAA,CAAyB,aAAY,KAAM,IAAe,EAAO,IAAK,KACpE,YACY,EACX"}

package/dist/tabs-qOB1npti.d.ts

@@ -1,68 +0,0 @@
-import * as React$2 from "react";
-import * as react_jsx_runtime96 from "react/jsx-runtime";
-
-//#region ../registry-ui-duckui/src/tabs/tabs.d.ts
-
-interface TabsProps extends Omit<React$2.HTMLProps<HTMLDivElement>, 'defaultValue'> {
-  value?: string;
-  defaultValue?: string;
-  onValueChange?: (value: string) => void;
-}
-declare function Tabs({
-  value,
-  defaultValue,
-  onValueChange,
-  ...props
-}: TabsProps): react_jsx_runtime96.JSX.Element;
-interface TabsListProps extends React$2.HTMLProps<HTMLUListElement> {}
-declare const TabsList: ({
-  className,
-  ref,
-  ...props
-}: TabsListProps) => react_jsx_runtime96.JSX.Element;
-interface TabsTriggerProps extends React$2.HTMLProps<HTMLLIElement> {
-  value: string;
-  defaultChecked?: boolean;
-}
-declare const TabsTrigger: ({
-  className,
-  children,
-  defaultChecked,
-  onClick,
-  value,
-  disabled,
-  ref,
-  ...props
-}: TabsTriggerProps) => react_jsx_runtime96.JSX.Element;
-declare const TabsContent: ({
-  children,
-  forceMount,
-  className,
-  value,
-  ref,
-  ...props
-}: React$2.HTMLProps<HTMLDivElement> & {
-  value: string;
-  forceMount?: boolean;
-}) => react_jsx_runtime96.JSX.Element;
-//#endregion
-//#region src/components/mdx/mdx-components/tabs.d.ts
-declare function Tab({
-  className,
-  ...props
-}: React.ComponentProps<typeof Tabs>): react_jsx_runtime96.JSX.Element;
-declare function TabList({
-  className,
-  ...props
-}: React.ComponentProps<typeof TabsList>): react_jsx_runtime96.JSX.Element;
-declare function TabTrigger({
-  className,
-  ...props
-}: React.ComponentProps<typeof TabsTrigger>): react_jsx_runtime96.JSX.Element;
-declare function TabContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof TabsContent>): react_jsx_runtime96.JSX.Element;
-//#endregion
-export { TabTrigger as i, TabContent as n, TabList as r, Tab as t };
-//# sourceMappingURL=tabs-qOB1npti.d.ts.map

package/dist/tabs-qOB1npti.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs-qOB1npti.d.ts","names":[],"sources":["../../registry-ui-duckui/src/tabs/tabs.tsx","../src/components/mdx/mdx-components/tabs.tsx"],"sourcesContent":[],"mappings":";;;;;AAqBwC,UAAvB,SAAA,SAAkB,IAAW,CAAN,OAAA,CAAM,SAAA,CAAU,cAAV,CAAA,EAAA,cAAA,CAAA,CAAA;EAAX,KAAA,CAAA,EAAA,MAAA;EAAI,YAAA,CAAA,EAAA,MAAA;EAM9B,aAAI,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;;iBAAJ,IAAA,CAAc;EAAA,KAAA;EAAA,YAAA;EAAA,aAAA;EAAA,GAAA;AAAA,CAAA,EAAyC,SAAzC,CAAA,EAAkD,mBAAA,CAAA,GAAA,CAAA,OAAlD;AAAc,UAcpB,aAAA,SAAsB,OAAA,CAAM,SAdR,CAckB,gBAdlB,CAAA,CAAA;cAe/B,QAfmE,EAAA,CAAA;EAAA,SAAA;EAAA,GAAA;EAAA,GAAA;AAAA,CAAA,EAezB,aAfyB,EAAA,GAeZ,mBAAA,CAAA,GAAA,CAAA,OAfY;AAAA,UA4BxD,gBAAA,SAAyB,OAAA,CAAM,SA5ByB,CA4Bf,aA5Be,CAAA,CAAA;EAcxD,KAAA,EAAA,MAAA;EACX,cAWL,CAAA,EAAA,OAAA;;cAOK,WAlBY,EAAA,CAAA;EAAA,SAAA;EAAA,QAAA;EAAA,cAAA;EAAA,OAAA;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;EAAA,GAAA;AAAA,CAAA,EA2Bf,gBA3Be,EAAA,GA2BC,mBAAA,CAAA,GAAA,CAAA,OA3BD;cAoEZ,WApE0C,EAAA,CAAA;EAAA,QAAA;EAAA,UAAA;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;EAAA,GAAA;AAahD,CAbgD,EA2E7C,OAAA,CAAM,SA3EuC,CA2E7B,cA3E6B,CAAA,GAAA;EAAa,KAAA,EAAA,MAAA;EAW5D,UAAA,CAAA,EAAA,OAAA;AAED,CAAA,EAAA,GAiEC,mBAAA,CAAA,GAAA,CAAA,OAjEyD;;;iBCpD1C,GAAA;;;GAA6B,KAAA,CAAM,sBAAsB,QAAK,mBAAA,CAAA,GAAA,CAAA;iBAI9D,OAAA;;;GAAiC,KAAA,CAAM,sBAAsB,YAAS,mBAAA,CAAA,GAAA,CAAA;iBAKtE,UAAA;;;GAAoC,KAAA,CAAM,sBAAsB,eAAY,mBAAA,CAAA,GAAA,CAAA;ADS3E,iBCGD,UAAA,CDHW;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,ECGyB,KAAA,CAAM,cDH/B,CAAA,OCGqD,WDHrD,CAAA,CAAA,ECGiE,mBAAA,CAAA,GAAA,CAAA,ODHjE"}

package/dist/tailwind-indicator-Dt4Bfpta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tailwind-indicator-Dt4Bfpta.js","names":[],"sources":["../src/components/layouts/tailwind-indicator/index.tsx"],"sourcesContent":["export function TailwindIndicator() {\n  if (process.env.NODE_ENV === 'production') return null\n\n  return (\n    <div\n      className=\"fixed bottom-1 left-1 z-50 flex h-6 w-6 items-center justify-center rounded-full bg-gray-800 p-3 font-mono text-white text-xs\"\n      data-tailwind-indicator=\"\">\n      <div className=\"block sm:hidden\">xs</div>\n      <div className=\"hidden sm:block md:hidden\">sm</div>\n      <div className=\"hidden md:block lg:hidden\">md</div>\n      <div className=\"hidden lg:block xl:hidden\">lg</div>\n      <div className=\"hidden xl:block 2xl:hidden\">xl</div>\n      <div className=\"hidden 2xl:block\">2xl</div>\n    </div>\n  )\n}\n"],"mappings":"kDAAA,SAAgB,GAAoB,CAGlC,OAFI,QAAQ,IAAI,WAAa,aAAqB,KAGhD,EAAC,MAAA,CACC,UAAU,gIACV,0BAAwB,aACxB,EAAC,MAAA,CAAI,UAAU,2BAAkB,MAAQ,CACzC,EAAC,MAAA,CAAI,UAAU,qCAA4B,MAAQ,CACnD,EAAC,MAAA,CAAI,UAAU,qCAA4B,MAAQ,CACnD,EAAC,MAAA,CAAI,UAAU,qCAA4B,MAAQ,CACnD,EAAC,MAAA,CAAI,UAAU,sCAA6B,MAAQ,CACpD,EAAC,MAAA,CAAI,UAAU,4BAAmB,OAAS,GACvC"}

package/dist/unist-DN6buKAy.d.ts

@@ -1,44 +0,0 @@
-import { Node } from "unist";
-
-//#region src/types/unist.d.ts
-declare module 'unist' {
-  interface Data {
-    meta?: string;
-  }
-}
-interface UnistNode extends Node {
-  type: string;
-  name?: string;
-  tagName?: string;
-  value?: string;
-  properties?: {
-    __rawString__?: string;
-    __className__?: string;
-    __title__?: string;
-    __marks__?: string[];
-    __event__?: string;
-    __isMermaid__?: boolean;
-    __mermaidLightSvg__?: string;
-    __mermaidDarkSvg__?: string;
-    className?: string[];
-    [key: string]: unknown;
-  } & NpmCommands;
-  attributes?: {
-    name: string;
-    value: unknown;
-    type?: string;
-  }[];
-  children?: UnistNode[];
-}
-interface UnistTree extends Node {
-  children: UnistNode[];
-}
-interface NpmCommands {
-  __npmCommand__?: string;
-  __yarnCommand__?: string;
-  __pnpmCommand__?: string;
-  __bunCommand__?: string;
-}
-//#endregion
-export { UnistNode as n, UnistTree as r, NpmCommands as t };
-//# sourceMappingURL=unist-DN6buKAy.d.ts.map

package/dist/unist-DN6buKAy.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"unist-DN6buKAy.d.ts","names":[],"sources":["../src/types/unist.ts"],"sourcesContent":[],"mappings":";;;;;IAAiC,IAAA,CAAA,EAAA,MAAA;EAAA;;AAAA,UAQhB,SAAA,SAAkB,IARF,CAAA;EAAA,IAAA,EAAA,MAAA;EAQhB,IAAA,CAAA,EAAA,MAAU;EAgBrB,OAAA,CAAA,EAAA,MAAA;EAMO,KAAA,CAAA,EAAA,MAAA;EAtBsB,UAAA,CAAA,EAAA;IAAI,aAAA,CAAA,EAAA,MAAA;IAyBtB,aAAU,CAAA,EAAA,MACf;IAGK,SAAA,CAAW,EAAA,MAAA;;;;;;;;MAbtB;;;;;;aAMO;;UAGI,SAAA,SAAkB;YACvB;;UAGK,WAAA"}

package/dist/use-colors-tvFBbu3S.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-colors-tvFBbu3S.d.ts","names":[],"sources":["../src/hooks/use-colors.ts"],"sourcesContent":[],"mappings":";;;iBAegB,SAAA,CAAA;;EAAA,SAAA,EAAA,OAAS;;sBAQD"}

package/dist/use-lift-mode-DEELjsRA.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-lift-mode-DEELjsRA.d.ts","names":[],"sources":["../src/hooks/use-lift-mode.ts"],"sourcesContent":[],"mappings":";iBAKgB,WAAA;EAAA,UAAA,EAAA,OAAW"}

package/dist/use-meta-colors-CkNbJTgD.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-meta-colors-CkNbJTgD.d.ts","names":[],"sources":["../src/hooks/use-meta-colors.ts"],"sourcesContent":[],"mappings":";iBASgB,YAAA,CAAA;EAAA,SAAA,EAAA,MAAY"}

package/dist/use-mounted-BtOuPtMk.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-mounted-BtOuPtMk.d.ts","names":[],"sources":["../src/hooks/use-mounted.ts"],"sourcesContent":[],"mappings":";iBAEgB,UAAA,CAAA"}

package/dist/use-themes-config-Dtk_egkh.d.ts

@@ -1,14 +0,0 @@
-import { n as Theme } from "./themes-Ba683LGu.js";
-import * as jotai_utils1 from "jotai/utils";
-
-//#region src/hooks/use-themes-config.d.ts
-type ThemesConfig = {
-  activeTheme: Theme;
-};
-declare function useThemesConfig(): {
-  setThemesConfig: (args_0: typeof jotai_utils1.RESET | ThemesConfig | ((prev: ThemesConfig) => typeof jotai_utils1.RESET | ThemesConfig)) => void;
-  themesConfig: ThemesConfig;
-};
-//#endregion
-export { useThemesConfig as t };
-//# sourceMappingURL=use-themes-config-Dtk_egkh.d.ts.map

package/dist/use-themes-config-Dtk_egkh.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-themes-config-Dtk_egkh.d.ts","names":[],"sources":["../src/hooks/use-themes-config.ts"],"sourcesContent":[],"mappings":";;;;KAIK,YAAA;eACU;;AADV,iBAQW,eAAA,CAAA,CAPI,EAAA;EAOJ,eAAA,EAAA,CAAe,MAAA,EAAA,OAAA,YAAA,CAAA,KAAA,eAAA,GAAA,CAAA,CAAA,IAAA,cAAA,EAAA,GAAA,yBAAA,eAAA,CAAA,EAAA,GAAA,IAAA;EAAA,YAAA,cAAA"}

package/dist/utils-Ck5VSddf.js

@@ -1,2 +0,0 @@
-function e(e){return new Date(e).toLocaleDateString(`en-US`,{day:`numeric`,month:`long`,year:`numeric`})}function t(e){return`${process.env.NEXT_PUBLIC_APP_URL}${e}`}const n=(e,t)=>Object.fromEntries(Object.entries(t).filter(([t])=>!e.includes(t)));function r(e,t){let n=[],r=0;for(let i of t){let t=e.slice(r,r+i);n.push(t),r+=i}return n}function i(e,t){let n=[],r=0;for(let i of e){let e=t.slice(r,r+i);n.push(e),r+=i}return n}export{r as a,i,n,e as r,t};
-//# sourceMappingURL=utils-Ck5VSddf.js.map

package/dist/utils-Ck5VSddf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils-Ck5VSddf.js","names":["result: T[][]"],"sources":["../src/lib/utils.ts"],"sourcesContent":["export function formatDate(input: string | number): string {\n  const date = new Date(input)\n  return date.toLocaleDateString('en-US', {\n    day: 'numeric',\n    month: 'long',\n    year: 'numeric',\n  })\n}\n\nexport function absoluteUrl(path: string) {\n  return `${process.env.NEXT_PUBLIC_APP_URL}${path}`\n}\n\nexport const filteredObject = <T extends Record<string, any>>(keys: string[], obj: T): Partial<T> => {\n  return Object.fromEntries(Object.entries(obj).filter(([key]) => !keys.includes(key))) as Partial<T>\n}\n\nexport function groupDataByNumbers<T>(strings: T[], groupSizes: number[]): T[][] {\n  const result: T[][] = []\n  let index = 0\n\n  for (const size of groupSizes) {\n    const group = strings.slice(index, index + size)\n    result.push(group)\n    index += size\n  }\n\n  return result\n}\n\nexport function groupArrays<T>(numbers: number[], arr: T[]): T[][] {\n  const result: T[][] = []\n  let index = 0\n\n  for (const num of numbers) {\n    const headerGroup = arr.slice(index, index + num)\n    result.push(headerGroup)\n    index += num\n  }\n\n  return result\n}\n"],"mappings":"AAAA,SAAgB,EAAW,EAAgC,CAEzD,OADa,IAAI,KAAK,EAAM,CAChB,mBAAmB,QAAS,CACtC,IAAK,UACL,MAAO,OACP,KAAM,UACP,CAAC,CAGJ,SAAgB,EAAY,EAAc,CACxC,MAAO,GAAG,QAAQ,IAAI,sBAAsB,IAG9C,MAAa,GAAiD,EAAgB,IACrE,OAAO,YAAY,OAAO,QAAQ,EAAI,CAAC,QAAQ,CAAC,KAAS,CAAC,EAAK,SAAS,EAAI,CAAC,CAAC,CAGvF,SAAgB,EAAsB,EAAc,EAA6B,CAC/E,IAAMA,EAAgB,EAAE,CACpB,EAAQ,EAEZ,IAAK,IAAM,KAAQ,EAAY,CAC7B,IAAM,EAAQ,EAAQ,MAAM,EAAO,EAAQ,EAAK,CAChD,EAAO,KAAK,EAAM,CAClB,GAAS,EAGX,OAAO,EAGT,SAAgB,EAAe,EAAmB,EAAiB,CACjE,IAAMA,EAAgB,EAAE,CACpB,EAAQ,EAEZ,IAAK,IAAM,KAAO,EAAS,CACzB,IAAM,EAAc,EAAI,MAAM,EAAO,EAAQ,EAAI,CACjD,EAAO,KAAK,EAAY,CACxB,GAAS,EAGX,OAAO"}

package/dist/utils-gls3XPIE.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils-gls3XPIE.d.ts","names":[],"sources":["../src/lib/utils.ts"],"sourcesContent":[],"mappings":";iBAAgB,UAAA;AAAA,iBASA,WAAA,CATU,IAAA,EAAA,MAAA,CAAA,EAAA,MAAA;AASV,cAIH,cAJc,EAAA,CAAA,UAIc,MAJd,CAAA,MAAA,EAAA,GAAA,CAAA,CAAA,CAAA,IAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAIwD,CAJxD,EAAA,GAI4D,OAJ5D,CAIoE,CAJpE,CAAA;AAId,iBAIG,kBAFf,CAAA,CAAA,CAAA,CAAA,OAAA,EAE8C,CAF9C,EAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,EAE0E,CAF1E,EAAA,EAAA;AAFwC,iBAiBzB,WAjByB,CAAA,CAAA,CAAA,CAAA,OAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAiBc,CAjBd,EAAA,CAAA,EAiBoB,CAjBpB,EAAA,EAAA"}

package/src/components/copy-button/copy-button.tsx

@@ -1,88 +0,0 @@
-'use client'
-
-import { type Event, trackEvent } from '@duck-docs/lib/events'
-import { cn } from '@gentleduck/libs/cn'
-import { Button } from '@gentleduck/registry-ui-duckui/button'
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from '@gentleduck/registry-ui-duckui/dropdown-menu'
-import { CheckIcon, ClipboardIcon, Copy } from 'lucide-react'
-import * as React from 'react'
-import type { CopyButtonProps, CopyWithClassNamesProps } from './copy-button.types'
-
-export async function copyToClipboardWithMeta(value: string, event?: Event) {
-  navigator.clipboard.writeText(value)
-  if (event) {
-    trackEvent(event)
-  }
-}
-
-export function CopyButton({ value, className, variant = 'ghost', event, ...props }: CopyButtonProps) {
-  const [hasCopied, setHasCopied] = React.useState(false)
-
-  React.useEffect(() => {
-    setTimeout(() => {
-      setHasCopied(false)
-    }, 3000)
-  }, [hasCopied])
-
-  return (
-    <Button
-      aria-label="Copy"
-      className={cn('[&_svg]:!size-3.5 z-50 size-7 rounded-sm shadow-none', className)}
-      icon={hasCopied ? <CheckIcon /> : <Copy />}
-      onClick={() => {
-        copyToClipboardWithMeta(
-          value,
-          event
-            ? {
-                name: event,
-                properties: {
-                  code: value,
-                },
-              }
-            : undefined,
-        )
-        setHasCopied(true)
-      }}
-      size="icon"
-      variant={variant}
-      {...props}
-    />
-  )
-}
-
-export function CopyWithClassNames({ value, classNames, className }: CopyWithClassNamesProps) {
-  const [hasCopied, setHasCopied] = React.useState(false)
-
-  React.useEffect(() => {
-    setTimeout(() => {
-      setHasCopied(false)
-    }, 2000)
-  }, [hasCopied])
-
-  const copyToClipboard = React.useCallback((value: string) => {
-    copyToClipboardWithMeta(value)
-    setHasCopied(true)
-  }, [])
-
-  return (
-    <DropdownMenu placement="bottom-end">
-      <DropdownMenuTrigger asChild>
-        <Button
-          className={cn('!size-6.5 relative z-50 [&_svg]:w-3.5', className)}
-          icon={hasCopied ? <CheckIcon /> : <ClipboardIcon />}
-          size="icon"
-          variant="outline"
-        />
-      </DropdownMenuTrigger>
-      <DropdownMenuContent>
-        <DropdownMenuItem onClick={() => copyToClipboard(value)}>Component</DropdownMenuItem>
-        <DropdownMenuItem onClick={() => copyToClipboard(classNames)}>Classname</DropdownMenuItem>
-      </DropdownMenuContent>
-    </DropdownMenu>
-  )
-}

package/src/components/copy-button/copy-button.types.ts

@@ -1,17 +0,0 @@
-import type { Event } from '@duck-docs/lib/events'
-import type * as React from 'react'
-
-export type DropdownMenuTriggerProps = React.ComponentPropsWithoutRef<
-  typeof import('@gentleduck/registry-ui-duckui/dropdown-menu').DropdownMenuTrigger
->
-
-export type CopyWithClassNamesProps = DropdownMenuTriggerProps & {
-  value: string
-  classNames: string
-  className?: string
-}
-
-export type CopyButtonProps = import('@gentleduck/registry-ui-duckui/button').ButtonProps & {
-  value: string
-  event?: Event['name']
-}

package/src/components/copy-button/index.ts

@@ -1,2 +0,0 @@
-export * from './copy-button'
-export * from './copy-button.types'

package/src/components/layouts/command-menu/command-menu.tsx

@@ -1,166 +0,0 @@
-'use client'
-
-import { useDocsConfig } from '@duck-docs/context'
-import { cn } from '@gentleduck/libs/cn'
-import { Button } from '@gentleduck/registry-ui-duckui/button'
-import {
-  CommandDialog,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-  CommandList,
-  CommandSeparator,
-  CommandShortcut,
-  useCommandRefsContext,
-} from '@gentleduck/registry-ui-duckui/command'
-import { Separator } from '@gentleduck/registry-ui-duckui/separator'
-import { useKeyCommands } from '@gentleduck/vim/react'
-import { Circle, Command, CornerDownLeft, FileIcon, Moon, Sun } from 'lucide-react'
-import { useRouter } from 'next/navigation'
-import { useTheme } from 'next-themes'
-import * as React from 'react'
-
-export function CommandMenu() {
-  const router = useRouter()
-  const [open, setOpen] = React.useState(false)
-  const { setTheme } = useTheme()
-  const docsConfig = useDocsConfig()
-
-  const groupRef = React.useRef<HTMLUListElement>(null)
-  const items = [
-    ...docsConfig.sidebarNav.map((group) => ({
-      items: group.items?.map((navItem) => ({
-        action: () => router.push(navItem.href as string),
-        icon: <Circle className="mr-2 h-3 w-3" />,
-        name: navItem.title,
-      })),
-      title: group.title,
-    })),
-    {
-      items: [
-        {
-          action: () => setTheme('light'),
-          icon: <Sun className="mr-2 h-4 w-4" />,
-          name: 'Light',
-        },
-        {
-          action: () => setTheme('dark'),
-          icon: <Moon className="mr-2 h-4 w-4" />,
-          name: 'Dark',
-        },
-        {
-          action: () => setTheme('system'),
-          icon: <FileIcon className="mr-2 h-4 w-4" />,
-          name: 'System',
-        },
-      ],
-      title: 'Theme',
-    },
-  ]
-
-  return (
-    <>
-      <Button
-        className={cn(
-          'relative h-8 w-full bg-muted/50 text-muted-foreground text-sm shadow-none md:w-40 lg:w-64 ltr:pr-2 rtl:pl-2 [&>div]:w-full [&>div]:justify-between',
-        )}
-        onClick={() => setOpen(true)}
-        size={'sm'}
-        variant="outline">
-        <span className="hidden lg:inline-flex">Search documentation...</span>
-        <span className="inline-flex lg:hidden">Search...</span>
-        <CommandShortcut
-          className="bg-secondary"
-          keys={'ctrl+k'}
-          onKeysPressed={() => {
-            setOpen(!open)
-            window.event?.preventDefault()
-          }}>
-          <Command className="!size-3" />
-          <span className="text-md">K</span>
-        </CommandShortcut>
-      </Button>
-      <CommandDialog onOpenChange={setOpen} open={open}>
-        <CommandInput autoFocus placeholder="Search..." />
-        <CommandEmpty>No results found.</CommandEmpty>
-        <CommandList className="h-[550px] max-h-full w-90 md:w-full">
-          {items.map((group, idx) => (
-            <React.Fragment key={group.title}>
-              <CommandGroup heading={group.title}>
-                {group.items?.map((item) => (
-                  <CommandItem
-                    id={item.name}
-                    key={item.name}
-                    onClick={() => {
-                      setOpen(false)
-                      item.action()
-                      groupRef.current?.scrollTo(0, 0)
-                      groupRef.current?.scrollIntoView({
-                        behavior: 'smooth',
-                        block: 'start',
-                        inline: 'start',
-                      })
-                    }}>
-                    {item.icon}
-                    <span>{item.name}</span>
-                  </CommandItem>
-                ))}
-              </CommandGroup>
-              {idx !== items.length - 1 && <CommandSeparator />}
-            </React.Fragment>
-          ))}
-        </CommandList>
-        <CommandFooter />
-      </CommandDialog>
-    </>
-  )
-}
-
-function CommandFooter() {
-  const { selectedItem } = useCommandRefsContext()
-  const docsConfig = useDocsConfig()
-  const sidebarItems = docsConfig.sidebarNav.flatMap((group) => group.items ?? [])
-  const selectedNavItem = sidebarItems.find((item) => item.title === selectedItem?.innerText)
-  useKeyCommands({
-    'ctrl+shift+c': {
-      description: 'Copy command',
-      execute: () =>
-        navigator.clipboard.writeText(
-          ('pnpm dlx @gentleduck/cli add ' + selectedItem?.innerText.toLowerCase().replace(/ /g, '-')) as string,
-        ),
-      name: 'ctrl+shift+c',
-    },
-  })
-  return (
-    <div className="hidden w-full items-center justify-between gap-4 border-t px-2 pt-2 lg:flex">
-      <div className="flex w-full items-center justify-between gap-4">
-        {selectedItem?.innerText && (
-          <Button className={cn('px-2')} size={'sm'} variant={'outline'}>
-            <CornerDownLeft />
-            <Separator className="m-0 h-4 p-0" orientation="vertical" />
-            {selectedItem?.innerText}
-          </Button>
-        )}
-        {selectedItem?.innerText && selectedNavItem?.title ? (
-          <Button className={cn('px-2')} size={'sm'} variant={'outline'}>
-            <div className="flex items-center gap-1">
-              <Command className="!size-3" />
-              <p className="text-md">C</p>
-            </div>
-            <Separator className="m-0 h-4 p-0" orientation="vertical" />
-            <div className="flex items-center gap-1">
-              <span>pnpm dlx @gentleduck/cli add</span>
-              <span className="text-blue-400">{selectedNavItem.title.toLowerCase()}</span>
-            </div>
-          </Button>
-        ) : (
-          <p className="my-auto h-fit w-full whitespace-nowrap text-right text-muted-foreground text-sm">
-            <span className="whitespace-nowrap font-medium text-sm">Command palette</span> for the documentation
-            content.
-          </p>
-        )}
-      </div>
-    </div>
-  )
-}

package/src/components/layouts/command-menu/index.ts

@@ -1 +0,0 @@
-export * from './command-menu'