@gentleduck/docs 0.0.13 → 0.0.14

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-33zMuIHi.d.ts

@@ -1,68 +0,0 @@
-import * as React$2 from "react";
-import * as react_jsx_runtime79 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_runtime79.JSX.Element;
-interface TabsListProps extends React$2.HTMLProps<HTMLUListElement> {}
-declare const TabsList: ({
-  className,
-  ref,
-  ...props
-}: TabsListProps) => react_jsx_runtime79.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_runtime79.JSX.Element;
-declare const TabsContent: ({
-  children,
-  forceMount,
-  className,
-  value,
-  ref,
-  ...props
-}: React$2.HTMLProps<HTMLDivElement> & {
-  value: string;
-  forceMount?: boolean;
-}) => react_jsx_runtime79.JSX.Element;
-//#endregion
-//#region src/components/mdx/mdx-components/tabs.d.ts
-declare function Tab({
-  className,
-  ...props
-}: React.ComponentProps<typeof Tabs>): react_jsx_runtime79.JSX.Element;
-declare function TabList({
-  className,
-  ...props
-}: React.ComponentProps<typeof TabsList>): react_jsx_runtime79.JSX.Element;
-declare function TabTrigger({
-  className,
-  ...props
-}: React.ComponentProps<typeof TabsTrigger>): react_jsx_runtime79.JSX.Element;
-declare function TabContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof TabsContent>): react_jsx_runtime79.JSX.Element;
-//#endregion
-export { TabTrigger as i, TabContent as n, TabList as r, Tab as t };
-//# sourceMappingURL=tabs-33zMuIHi.d.ts.map

package/dist/tabs-33zMuIHi.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs-33zMuIHi.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/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/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(
-          ('bunx @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>bunx @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'

package/src/components/layouts/site-header/index.tsx

@@ -1,127 +0,0 @@
-'use client'
-
-import { CommandMenu } from '@duck-docs/components/layouts/command-menu'
-import { MainNav } from '@duck-docs/components/main-nav'
-import { MobileNav } from '@duck-docs/components/mobile-nav'
-import { ModeSwitcher } from '@duck-docs/components/mode-toggle'
-import { useSiteConfig } from '@duck-docs/context'
-import { cn } from '@gentleduck/libs/cn'
-import { buttonVariants } from '@gentleduck/registry-ui-duckui/button'
-import { useAtom } from 'jotai'
-import { atomWithStorage } from 'jotai/utils'
-import { CaseUpper, Github, Twitter, Type } from 'lucide-react'
-import Link from 'next/link'
-import React from 'react'
-import { HeaderContainer, HeaderRoot } from './header-shell'
-
-export function SiteHeader() {
-  const siteConfig = useSiteConfig()
-
-  return (
-    <HeaderRoot className="border-border/50 border-b bg-background/95 backdrop-blur-sm supports-[backdrop-filter]:bg-background/70">
-      <HeaderContainer>
-        <MainNav />
-        <MobileNav />
-        <div className="flex flex-1 items-center justify-between space-x-2 md:justify-end">
-          <div className="w-full flex-1 md:w-auto md:flex-none">
-            <CommandMenu />
-          </div>
-          <nav className="flex items-center">
-            <GitHubStarsButton />
-            <FontStyleButton />
-            {siteConfig.links?.twitter ? (
-              <Link aria-label="Twitter" href={siteConfig.links.twitter} rel="noreferrer" target="_blank">
-                <div
-                  className={cn(
-                    buttonVariants({
-                      size: 'icon',
-                      variant: 'ghost',
-                    }),
-                  )}>
-                  <Twitter />
-                </div>
-              </Link>
-            ) : null}
-            <ModeSwitcher />
-          </nav>
-        </div>
-      </HeaderContainer>
-    </HeaderRoot>
-  )
-}
-
-function GitHubStarsButton() {
-  const [stars, setStars] = React.useState<number | null>(null)
-  const siteConfig = useSiteConfig()
-  const repoFromUrl = siteConfig.links?.github?.replace('https://github.com/', '').replace(/\/$/, '')
-  const repo = siteConfig.githubRepo ?? repoFromUrl
-
-  React.useEffect(() => {
-    async function fetchStars() {
-      try {
-        if (!repo) {
-          return
-        }
-        const res = await fetch(`https://api.github.com/repos/${repo}`)
-        if (!res.ok) return
-        const data = await res.json()
-        if (typeof data.stargazers_count === 'number') {
-          setStars(data.stargazers_count)
-        }
-      } catch (err) {
-        console.error('Failed to fetch stars:', err)
-      }
-    }
-    fetchStars()
-  }, [])
-
-  if (!siteConfig.links?.github) {
-    return null
-  }
-
-  return (
-    <Link aria-label="GitHub" href={siteConfig.links.github} rel="noopener noreferrer" target="_blank">
-      <div
-        className={cn(
-          buttonVariants({
-            className: 'size-auto h-8 w-16 font-medium text-sm',
-            size: 'icon',
-            variant: 'ghost',
-          }),
-        )}>
-        <Github />
-        {stars !== null ? stars.toLocaleString() : '...'}
-      </div>
-    </Link>
-  )
-}
-const fontAtom = atomWithStorage('fontType', 'mono')
-
-export function FontStyleButton() {
-  const [fontType, setFontType] = useAtom(fontAtom)
-  const firstRender = React.useRef(true)
-
-  React.useEffect(() => {
-    if (firstRender.current) {
-      firstRender.current = false
-      return
-    }
-
-    const family =
-      fontType === 'sans'
-        ? 'var(--font-geist-sans, "Montserrat"), sans-serif'
-        : 'var(--font-geist-mono, "Geist Mono"), monospace'
-
-    document.documentElement.style.setProperty('font-family', family, 'important')
-  }, [fontType])
-
-  return (
-    <div
-      className={cn(buttonVariants({ size: 'icon', variant: 'ghost' }))}
-      onClick={() => setFontType(fontType === 'mono' ? 'sans' : 'mono')}>
-      {fontType === 'mono' ? <Type /> : <CaseUpper />}
-    </div>
-  )
-}
-
-export { HeaderBrand, HeaderContainer, HeaderRoot, HeaderSection } from './header-shell'