@hanzo/docs-radix-ui 16.4.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +5 -0
- package/css/black.css +1 -0
- package/css/catppuccin.css +1 -0
- package/css/dusk.css +1 -0
- package/css/layouts/docs.css +1 -0
- package/css/layouts/home.css +1 -0
- package/css/layouts/notebook.css +1 -0
- package/css/neutral.css +1 -0
- package/css/ocean.css +1 -0
- package/css/preset.css +89 -0
- package/css/purple.css +1 -0
- package/css/shadcn.css +1 -0
- package/css/solar.css +1 -0
- package/css/style.css +9 -0
- package/css/vitepress.css +1 -0
- package/dist/_virtual/rolldown_runtime.js +36 -0
- package/dist/components/accordion.d.ts +25 -0
- package/dist/components/accordion.d.ts.map +1 -0
- package/dist/components/accordion.js +70 -0
- package/dist/components/accordion.js.map +1 -0
- package/dist/components/banner.d.ts +35 -0
- package/dist/components/banner.d.ts.map +1 -0
- package/dist/components/banner.js +70 -0
- package/dist/components/banner.js.map +1 -0
- package/dist/components/callout.d.ts +43 -0
- package/dist/components/callout.d.ts.map +1 -0
- package/dist/components/callout.js +63 -0
- package/dist/components/callout.js.map +1 -0
- package/dist/components/card.d.ts +21 -0
- package/dist/components/card.d.ts.map +1 -0
- package/dist/components/card.js +41 -0
- package/dist/components/card.js.map +1 -0
- package/dist/components/codeblock.d.ts +63 -0
- package/dist/components/codeblock.d.ts.map +1 -0
- package/dist/components/codeblock.js +126 -0
- package/dist/components/codeblock.js.map +1 -0
- package/dist/components/dialog/search-algolia.d.ts +39 -0
- package/dist/components/dialog/search-algolia.d.ts.map +1 -0
- package/dist/components/dialog/search-algolia.js +68 -0
- package/dist/components/dialog/search-algolia.js.map +1 -0
- package/dist/components/dialog/search-default.d.ts +44 -0
- package/dist/components/dialog/search-default.d.ts.map +1 -0
- package/dist/components/dialog/search-default.js +66 -0
- package/dist/components/dialog/search-default.js.map +1 -0
- package/dist/components/dialog/search-orama.d.ts +46 -0
- package/dist/components/dialog/search-orama.d.ts.map +1 -0
- package/dist/components/dialog/search-orama.js +73 -0
- package/dist/components/dialog/search-orama.js.map +1 -0
- package/dist/components/dialog/search.d.ts +113 -0
- package/dist/components/dialog/search.d.ts.map +1 -0
- package/dist/components/dialog/search.js +271 -0
- package/dist/components/dialog/search.js.map +1 -0
- package/dist/components/dynamic-codeblock.d.ts +32 -0
- package/dist/components/dynamic-codeblock.d.ts.map +1 -0
- package/dist/components/dynamic-codeblock.js +66 -0
- package/dist/components/dynamic-codeblock.js.map +1 -0
- package/dist/components/files.d.ts +35 -0
- package/dist/components/files.d.ts.map +1 -0
- package/dist/components/files.js +44 -0
- package/dist/components/files.js.map +1 -0
- package/dist/components/github-info.d.ts +19 -0
- package/dist/components/github-info.d.ts.map +1 -0
- package/dist/components/github-info.js +68 -0
- package/dist/components/github-info.js.map +1 -0
- package/dist/components/heading.d.ts +15 -0
- package/dist/components/heading.d.ts.map +1 -0
- package/dist/components/heading.js +29 -0
- package/dist/components/heading.js.map +1 -0
- package/dist/components/image-zoom-CtfZieBH.css +80 -0
- package/dist/components/image-zoom-CtfZieBH.css.map +1 -0
- package/dist/components/image-zoom.css +77 -0
- package/dist/components/image-zoom.d.ts +25 -0
- package/dist/components/image-zoom.d.ts.map +1 -0
- package/dist/components/image-zoom.js +36 -0
- package/dist/components/image-zoom.js.map +1 -0
- package/dist/components/image-zoom2.js +1 -0
- package/dist/components/inline-toc.d.ts +16 -0
- package/dist/components/inline-toc.d.ts.map +1 -0
- package/dist/components/inline-toc.js +30 -0
- package/dist/components/inline-toc.js.map +1 -0
- package/dist/components/sidebar/base.d.ts +109 -0
- package/dist/components/sidebar/base.d.ts.map +1 -0
- package/dist/components/sidebar/base.js +262 -0
- package/dist/components/sidebar/base.js.map +1 -0
- package/dist/components/sidebar/link-item.d.ts +24 -0
- package/dist/components/sidebar/link-item.d.ts.map +1 -0
- package/dist/components/sidebar/link-item.js +33 -0
- package/dist/components/sidebar/link-item.js.map +1 -0
- package/dist/components/sidebar/page-tree.d.ts +30 -0
- package/dist/components/sidebar/page-tree.d.ts.map +1 -0
- package/dist/components/sidebar/page-tree.js +58 -0
- package/dist/components/sidebar/page-tree.js.map +1 -0
- package/dist/components/sidebar/tabs/dropdown.d.ts +20 -0
- package/dist/components/sidebar/tabs/dropdown.d.ts.map +1 -0
- package/dist/components/sidebar/tabs/dropdown.js +78 -0
- package/dist/components/sidebar/tabs/dropdown.js.map +1 -0
- package/dist/components/sidebar/tabs/index.d.ts +27 -0
- package/dist/components/sidebar/tabs/index.d.ts.map +1 -0
- package/dist/components/sidebar/tabs/index.js +49 -0
- package/dist/components/sidebar/tabs/index.js.map +1 -0
- package/dist/components/steps.d.ts +17 -0
- package/dist/components/steps.d.ts.map +1 -0
- package/dist/components/steps.js +19 -0
- package/dist/components/steps.js.map +1 -0
- package/dist/components/tabs.d.ts +52 -0
- package/dist/components/tabs.d.ts.map +1 -0
- package/dist/components/tabs.js +101 -0
- package/dist/components/tabs.js.map +1 -0
- package/dist/components/toc/clerk.d.ts +1 -0
- package/dist/components/toc/clerk.js +12 -0
- package/dist/components/toc/clerk.js.map +1 -0
- package/dist/components/toc/default.d.ts +1 -0
- package/dist/components/toc/default.js +12 -0
- package/dist/components/toc/default.js.map +1 -0
- package/dist/components/toc/index.d.ts +1 -0
- package/dist/components/toc/index.js +12 -0
- package/dist/components/toc/index.js.map +1 -0
- package/dist/components/type-table.d.ts +39 -0
- package/dist/components/type-table.d.ts.map +1 -0
- package/dist/components/type-table.js +109 -0
- package/dist/components/type-table.js.map +1 -0
- package/dist/components/ui/accordion.d.ts +32 -0
- package/dist/components/ui/accordion.d.ts.map +1 -0
- package/dist/components/ui/accordion.js +46 -0
- package/dist/components/ui/accordion.js.map +1 -0
- package/dist/components/ui/button.d.ts +13 -0
- package/dist/components/ui/button.d.ts.map +1 -0
- package/dist/components/ui/button.js +23 -0
- package/dist/components/ui/button.js.map +1 -0
- package/dist/components/ui/collapsible.d.ts +13 -0
- package/dist/components/ui/collapsible.d.ts.map +1 -0
- package/dist/components/ui/collapsible.js +27 -0
- package/dist/components/ui/collapsible.js.map +1 -0
- package/dist/components/ui/navigation-menu.d.ts +16 -0
- package/dist/components/ui/navigation-menu.d.ts.map +1 -0
- package/dist/components/ui/navigation-menu.js +44 -0
- package/dist/components/ui/navigation-menu.js.map +1 -0
- package/dist/components/ui/popover.d.ts +11 -0
- package/dist/components/ui/popover.d.ts.map +1 -0
- package/dist/components/ui/popover.js +24 -0
- package/dist/components/ui/popover.js.map +1 -0
- package/dist/components/ui/scroll-area.d.ts +11 -0
- package/dist/components/ui/scroll-area.d.ts.map +1 -0
- package/dist/components/ui/scroll-area.js +37 -0
- package/dist/components/ui/scroll-area.js.map +1 -0
- package/dist/components/ui/tabs.d.ts +39 -0
- package/dist/components/ui/tabs.d.ts.map +1 -0
- package/dist/components/ui/tabs.js +81 -0
- package/dist/components/ui/tabs.js.map +1 -0
- package/dist/contexts/i18n.d.ts +1 -0
- package/dist/contexts/i18n.js +12 -0
- package/dist/contexts/i18n.js.map +1 -0
- package/dist/contexts/search.d.ts +8 -0
- package/dist/contexts/search.d.ts.map +1 -0
- package/dist/contexts/search.js +12 -0
- package/dist/contexts/search.js.map +1 -0
- package/dist/contexts/tree.d.ts +1 -0
- package/dist/contexts/tree.js +12 -0
- package/dist/contexts/tree.js.map +1 -0
- package/dist/i18n.d.ts +1 -0
- package/dist/i18n.js +3 -0
- package/dist/layouts/docs/client.d.ts +32 -0
- package/dist/layouts/docs/client.d.ts.map +1 -0
- package/dist/layouts/docs/client.js +68 -0
- package/dist/layouts/docs/client.js.map +1 -0
- package/dist/layouts/docs/index.d.ts +60 -0
- package/dist/layouts/docs/index.d.ts.map +1 -0
- package/dist/layouts/docs/index.js +179 -0
- package/dist/layouts/docs/index.js.map +1 -0
- package/dist/layouts/docs/page/client.d.ts +46 -0
- package/dist/layouts/docs/page/client.d.ts.map +1 -0
- package/dist/layouts/docs/page/client.js +227 -0
- package/dist/layouts/docs/page/client.js.map +1 -0
- package/dist/layouts/docs/page/index.d.ts +94 -0
- package/dist/layouts/docs/page/index.d.ts.map +1 -0
- package/dist/layouts/docs/page/index.js +104 -0
- package/dist/layouts/docs/page/index.js.map +1 -0
- package/dist/layouts/docs/sidebar.d.ts +58 -0
- package/dist/layouts/docs/sidebar.d.ts.map +1 -0
- package/dist/layouts/docs/sidebar.js +147 -0
- package/dist/layouts/docs/sidebar.js.map +1 -0
- package/dist/layouts/home/client.d.ts +19 -0
- package/dist/layouts/home/client.d.ts.map +1 -0
- package/dist/layouts/home/client.js +262 -0
- package/dist/layouts/home/client.js.map +1 -0
- package/dist/layouts/home/index.d.ts +17 -0
- package/dist/layouts/home/index.d.ts.map +1 -0
- package/dist/layouts/home/index.js +25 -0
- package/dist/layouts/home/index.js.map +1 -0
- package/dist/layouts/home/navbar.d.ts +14 -0
- package/dist/layouts/home/navbar.d.ts.map +1 -0
- package/dist/layouts/home/navbar.js +38 -0
- package/dist/layouts/home/navbar.js.map +1 -0
- package/dist/layouts/notebook/client.d.ts +47 -0
- package/dist/layouts/notebook/client.d.ts.map +1 -0
- package/dist/layouts/notebook/client.js +159 -0
- package/dist/layouts/notebook/client.js.map +1 -0
- package/dist/layouts/notebook/index.d.ts +38 -0
- package/dist/layouts/notebook/index.d.ts.map +1 -0
- package/dist/layouts/notebook/index.js +219 -0
- package/dist/layouts/notebook/index.js.map +1 -0
- package/dist/layouts/notebook/page/client.d.ts +46 -0
- package/dist/layouts/notebook/page/client.d.ts.map +1 -0
- package/dist/layouts/notebook/page/client.js +227 -0
- package/dist/layouts/notebook/page/client.js.map +1 -0
- package/dist/layouts/notebook/page/index.d.ts +94 -0
- package/dist/layouts/notebook/page/index.d.ts.map +1 -0
- package/dist/layouts/notebook/page/index.js +104 -0
- package/dist/layouts/notebook/page/index.js.map +1 -0
- package/dist/layouts/notebook/sidebar.d.ts +63 -0
- package/dist/layouts/notebook/sidebar.d.ts.map +1 -0
- package/dist/layouts/notebook/sidebar.js +147 -0
- package/dist/layouts/notebook/sidebar.js.map +1 -0
- package/dist/layouts/shared/index.d.ts +69 -0
- package/dist/layouts/shared/index.d.ts.map +1 -0
- package/dist/layouts/shared/index.js +39 -0
- package/dist/layouts/shared/index.js.map +1 -0
- package/dist/layouts/shared/language-toggle.d.ts +10 -0
- package/dist/layouts/shared/language-toggle.d.ts.map +1 -0
- package/dist/layouts/shared/language-toggle.js +47 -0
- package/dist/layouts/shared/language-toggle.js.map +1 -0
- package/dist/layouts/shared/search-toggle.d.ts +23 -0
- package/dist/layouts/shared/search-toggle.d.ts.map +1 -0
- package/dist/layouts/shared/search-toggle.js +56 -0
- package/dist/layouts/shared/search-toggle.js.map +1 -0
- package/dist/layouts/shared/theme-toggle.d.ts +14 -0
- package/dist/layouts/shared/theme-toggle.d.ts.map +1 -0
- package/dist/layouts/shared/theme-toggle.js +62 -0
- package/dist/layouts/shared/theme-toggle.js.map +1 -0
- package/dist/mdx.d.ts +38 -0
- package/dist/mdx.d.ts.map +1 -0
- package/dist/mdx.js +74 -0
- package/dist/mdx.js.map +1 -0
- package/dist/mdx.server.d.ts +17 -0
- package/dist/mdx.server.d.ts.map +1 -0
- package/dist/mdx.server.js +23 -0
- package/dist/mdx.server.js.map +1 -0
- package/dist/og.d.ts +1 -0
- package/dist/og.js +3 -0
- package/dist/page.d.ts +37 -0
- package/dist/page.d.ts.map +1 -0
- package/dist/page.js +38 -0
- package/dist/page.js.map +1 -0
- package/dist/provider/base.d.ts +50 -0
- package/dist/provider/base.d.ts.map +1 -0
- package/dist/provider/base.js +39 -0
- package/dist/provider/base.js.map +1 -0
- package/dist/provider/next.d.ts +22 -0
- package/dist/provider/next.d.ts.map +1 -0
- package/dist/provider/next.js +21 -0
- package/dist/provider/next.js.map +1 -0
- package/dist/provider/react-router.d.ts +22 -0
- package/dist/provider/react-router.d.ts.map +1 -0
- package/dist/provider/react-router.js +21 -0
- package/dist/provider/react-router.js.map +1 -0
- package/dist/provider/tanstack.d.ts +22 -0
- package/dist/provider/tanstack.d.ts.map +1 -0
- package/dist/provider/tanstack.js +21 -0
- package/dist/provider/tanstack.js.map +1 -0
- package/dist/provider/waku.d.ts +22 -0
- package/dist/provider/waku.d.ts.map +1 -0
- package/dist/provider/waku.js +21 -0
- package/dist/provider/waku.js.map +1 -0
- package/dist/style.css +3255 -0
- package/dist/utils/use-copy-button.d.ts +1 -0
- package/dist/utils/use-copy-button.js +3 -0
- package/dist/utils/use-footer-items.d.ts +1 -0
- package/dist/utils/use-footer-items.js +3 -0
- package/dist/utils/use-is-scroll-top.d.ts +1 -0
- package/dist/utils/use-is-scroll-top.js +3 -0
- package/package.json +149 -0
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { cva } from "class-variance-authority";
|
|
2
|
+
|
|
3
|
+
//#region src/components/ui/button.tsx
|
|
4
|
+
const variants = {
|
|
5
|
+
primary: "bg-fd-primary text-fd-primary-foreground hover:bg-fd-primary/80",
|
|
6
|
+
outline: "border hover:bg-fd-accent hover:text-fd-accent-foreground",
|
|
7
|
+
ghost: "hover:bg-fd-accent hover:text-fd-accent-foreground",
|
|
8
|
+
secondary: "border bg-fd-secondary text-fd-secondary-foreground hover:bg-fd-accent hover:text-fd-accent-foreground"
|
|
9
|
+
};
|
|
10
|
+
const buttonVariants = cva("inline-flex items-center justify-center rounded-md p-2 text-sm font-medium transition-colors duration-100 disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fd-ring", { variants: {
|
|
11
|
+
variant: variants,
|
|
12
|
+
color: variants,
|
|
13
|
+
size: {
|
|
14
|
+
sm: "gap-1 px-2 py-1.5 text-xs",
|
|
15
|
+
icon: "p-1.5 [&_svg]:size-5",
|
|
16
|
+
"icon-sm": "p-1.5 [&_svg]:size-4.5",
|
|
17
|
+
"icon-xs": "p-1 [&_svg]:size-4"
|
|
18
|
+
}
|
|
19
|
+
} });
|
|
20
|
+
|
|
21
|
+
//#endregion
|
|
22
|
+
export { buttonVariants };
|
|
23
|
+
//# sourceMappingURL=button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.js","names":[],"sources":["../../../src/components/ui/button.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nconst variants = {\n primary: 'bg-fd-primary text-fd-primary-foreground hover:bg-fd-primary/80',\n outline: 'border hover:bg-fd-accent hover:text-fd-accent-foreground',\n ghost: 'hover:bg-fd-accent hover:text-fd-accent-foreground',\n secondary:\n 'border bg-fd-secondary text-fd-secondary-foreground hover:bg-fd-accent hover:text-fd-accent-foreground',\n} as const;\n\nexport const buttonVariants = cva(\n 'inline-flex items-center justify-center rounded-md p-2 text-sm font-medium transition-colors duration-100 disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fd-ring',\n {\n variants: {\n variant: variants,\n // hanzo-docs use `color` instead of `variant`\n color: variants,\n size: {\n sm: 'gap-1 px-2 py-1.5 text-xs',\n icon: 'p-1.5 [&_svg]:size-5',\n 'icon-sm': 'p-1.5 [&_svg]:size-4.5',\n 'icon-xs': 'p-1 [&_svg]:size-4',\n },\n },\n },\n);\n\nexport type ButtonProps = VariantProps<typeof buttonVariants>;\n"],"mappings":";;;AAEA,MAAM,WAAW;CACf,SAAS;CACT,SAAS;CACT,OAAO;CACP,WACE;CACH;AAED,MAAa,iBAAiB,IAC5B,yOACA,EACE,UAAU;CACR,SAAS;CAET,OAAO;CACP,MAAM;EACJ,IAAI;EACJ,MAAM;EACN,WAAW;EACX,WAAW;EACZ;CACF,EACF,CACF"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as react0 from "react";
|
|
2
|
+
import * as Primitive from "@radix-ui/react-collapsible";
|
|
3
|
+
|
|
4
|
+
//#region src/components/ui/collapsible.d.ts
|
|
5
|
+
declare const Collapsible: react0.ForwardRefExoticComponent<Primitive.CollapsibleProps & react0.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
declare const CollapsibleTrigger: react0.ForwardRefExoticComponent<Primitive.CollapsibleTriggerProps & react0.RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
declare const CollapsibleContent: react0.ForwardRefExoticComponent<Omit<Primitive.CollapsibleContentProps & react0.RefAttributes<HTMLDivElement>, "ref"> & react0.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
type CollapsibleProps = Primitive.CollapsibleProps;
|
|
9
|
+
type CollapsibleContentProps = Primitive.CollapsibleContentProps;
|
|
10
|
+
type CollapsibleTriggerProps = Primitive.CollapsibleTriggerProps;
|
|
11
|
+
//#endregion
|
|
12
|
+
export { Collapsible, CollapsibleContent, CollapsibleContentProps, CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerProps };
|
|
13
|
+
//# sourceMappingURL=collapsible.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapsible.d.ts","names":[],"sources":["../../../src/components/ui/collapsible.tsx"],"sourcesContent":[],"mappings":";;;;cAKM,aAAW,MAAA,CAAA,0BAAA,SAAA,CAAA,mBAAA,MAAA,CAAA,cAAA;cAEX,oBAAkB,MAAA,CAAA,0BAAA,SAAA,CAAA,0BAAA,MAAA,CAAA,cAAA;cAElB,oBAAkB,MAAA,CAAA,0BAAA,KAAA,SAAA,CAAA,0BAAA,MAAA,CAAA,cAAA,0BAAA,MAAA,CAAA,cAAA;AAJP,KAkCL,gBAAA,GAAmB,SAAA,CAAU,gBAlCxB;AAAA,KAmCL,uBAAA,GAA0B,SAAA,CAAU,uBAnC/B;AAAA,KAoCL,uBAAA,GAA0B,SAAA,CAAU,uBApC/B"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { cn } from "@hanzo/docs-ui/cn";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
import { forwardRef, useEffect, useState } from "react";
|
|
6
|
+
import * as Primitive from "@radix-ui/react-collapsible";
|
|
7
|
+
|
|
8
|
+
//#region src/components/ui/collapsible.tsx
|
|
9
|
+
const Collapsible = Primitive.Root;
|
|
10
|
+
const CollapsibleTrigger = Primitive.CollapsibleTrigger;
|
|
11
|
+
const CollapsibleContent = forwardRef(({ children, ...props }, ref) => {
|
|
12
|
+
const [mounted, setMounted] = useState(false);
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
setMounted(true);
|
|
15
|
+
}, []);
|
|
16
|
+
return /* @__PURE__ */ jsx(Primitive.CollapsibleContent, {
|
|
17
|
+
ref,
|
|
18
|
+
...props,
|
|
19
|
+
className: cn("overflow-hidden", mounted && "data-[state=closed]:animate-fd-collapsible-up data-[state=open]:animate-fd-collapsible-down", props.className),
|
|
20
|
+
children
|
|
21
|
+
});
|
|
22
|
+
});
|
|
23
|
+
CollapsibleContent.displayName = Primitive.CollapsibleContent.displayName;
|
|
24
|
+
|
|
25
|
+
//#endregion
|
|
26
|
+
export { Collapsible, CollapsibleContent, CollapsibleTrigger };
|
|
27
|
+
//# sourceMappingURL=collapsible.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapsible.js","names":[],"sources":["../../../src/components/ui/collapsible.tsx"],"sourcesContent":["'use client';\nimport * as Primitive from '@radix-ui/react-collapsible';\nimport { forwardRef, useEffect, useState } from 'react';\nimport { cn } from '@hanzo/docs-ui/cn';\n\nconst Collapsible = Primitive.Root;\n\nconst CollapsibleTrigger = Primitive.CollapsibleTrigger;\n\nconst CollapsibleContent = forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithoutRef<typeof Primitive.CollapsibleContent>\n>(({ children, ...props }, ref) => {\n const [mounted, setMounted] = useState(false);\n\n useEffect(() => {\n setMounted(true);\n }, []);\n\n return (\n <Primitive.CollapsibleContent\n ref={ref}\n {...props}\n className={cn(\n 'overflow-hidden',\n mounted &&\n 'data-[state=closed]:animate-fd-collapsible-up data-[state=open]:animate-fd-collapsible-down',\n props.className,\n )}\n >\n {children}\n </Primitive.CollapsibleContent>\n );\n});\n\nCollapsibleContent.displayName = Primitive.CollapsibleContent.displayName;\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n\nexport type CollapsibleProps = Primitive.CollapsibleProps;\nexport type CollapsibleContentProps = Primitive.CollapsibleContentProps;\nexport type CollapsibleTriggerProps = Primitive.CollapsibleTriggerProps;\n"],"mappings":";;;;;;;;AAKA,MAAM,cAAc,UAAU;AAE9B,MAAM,qBAAqB,UAAU;AAErC,MAAM,qBAAqB,YAGxB,EAAE,UAAU,GAAG,SAAS,QAAQ;CACjC,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;AAE7C,iBAAgB;AACd,aAAW,KAAK;IACf,EAAE,CAAC;AAEN,QACE,oBAAC,UAAU;EACJ;EACL,GAAI;EACJ,WAAW,GACT,mBACA,WACE,+FACF,MAAM,UACP;EAEA;GAC4B;EAEjC;AAEF,mBAAmB,cAAc,UAAU,mBAAmB"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as Primitive from "@radix-ui/react-navigation-menu";
|
|
3
|
+
|
|
4
|
+
//#region src/components/ui/navigation-menu.d.ts
|
|
5
|
+
type NavigationMenuContentProps = Primitive.NavigationMenuContentProps;
|
|
6
|
+
type NavigationMenuTriggerProps = Primitive.NavigationMenuTriggerProps;
|
|
7
|
+
declare const NavigationMenu: React.ForwardRefExoticComponent<Primitive.NavigationMenuProps & React.RefAttributes<HTMLElement>>;
|
|
8
|
+
declare const NavigationMenuList: React.ForwardRefExoticComponent<Primitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>>;
|
|
9
|
+
declare const NavigationMenuItem: React.ForwardRefExoticComponent<Omit<Primitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
10
|
+
declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<Primitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<Primitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
declare const NavigationMenuLink: React.ForwardRefExoticComponent<Primitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
13
|
+
declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<Primitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
//#endregion
|
|
15
|
+
export { NavigationMenu, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuTriggerProps, NavigationMenuViewport };
|
|
16
|
+
//# sourceMappingURL=navigation-menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-menu.d.ts","names":[],"sources":["../../../src/components/ui/navigation-menu.tsx"],"sourcesContent":[],"mappings":";;;;KAKY,0BAAA,GAA6B,SAAA,CAAU;KACvC,0BAAA,GAA6B,SAAA,CAAU;AADnD,cAGM,cAHM,EAGQ,KAAA,CAAA,yBAH+B,CAG/B,SAAA,CAAA,mBAHyD,GAGzD,KAAA,CAAA,aAHyD,CAGzD,WAHyD,CAAA,CAAA;AAC7E,cAIM,kBAJM,EAIY,KAAA,CAAA,yBAJ2B,CAI3B,SAAA,CAAA,uBAJqD,GAIrD,KAAA,CAAA,aAJqD,CAIrD,gBAJqD,CAAA,CAAA;AAAC,cAMxE,kBAJ+B,EAIb,KAAA,CAAA,yBAJa,CAIb,IAJa,CAIb,SAAA,CAAA,uBAJa,GAIb,KAAA,CAAA,aAJa,CAIb,aAJa,CAAA,EAAA,KAAA,CAAA,GAIb,KAAA,CAAA,aAJa,CAIb,aAJa,CAAA,CAAA;cAe/B,qBAfc,EAeO,KAAA,CAAA,yBAfP,CAeO,IAfP,CAeO,SAAA,CAAA,0BAfP,GAeO,KAAA,CAAA,aAfP,CAeO,iBAfP,CAAA,EAAA,KAAA,CAAA,GAeO,KAAA,CAAA,aAfP,CAeO,iBAfP,CAAA,CAAA;cA6Bd,qBA7Bc,EA6BO,KAAA,CAAA,yBA7BP,CA6BO,IA7BP,CA6BO,SAAA,CAAA,0BA7BP,GA6BO,KAAA,CAAA,aA7BP,CA6BO,cA7BP,CAAA,EAAA,KAAA,CAAA,GA6BO,KAAA,CAAA,aA7BP,CA6BO,cA7BP,CAAA,CAAA;cA4Cd,kBA5Cc,EA4CI,KAAA,CAAA,yBA5CJ,CA4CI,SAAA,CAAA,uBA5CJ,GA4CI,KAAA,CAAA,aA5CJ,CA4CI,iBA5CJ,CAAA,CAAA;cA8Cd,sBA9Cc,EA8CQ,KAAA,CAAA,yBA9CR,CA8CQ,IA9CR,CA8CQ,SAAA,CAAA,2BA9CR,GA8CQ,KAAA,CAAA,aA9CR,CA8CQ,cA9CR,CAAA,EAAA,KAAA,CAAA,GA8CQ,KAAA,CAAA,aA9CR,CA8CQ,cA9CR,CAAA,CAAA"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { cn } from "@hanzo/docs-ui/cn";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
import * as React from "react";
|
|
6
|
+
import * as Primitive from "@radix-ui/react-navigation-menu";
|
|
7
|
+
|
|
8
|
+
//#region src/components/ui/navigation-menu.tsx
|
|
9
|
+
const NavigationMenu = Primitive.Root;
|
|
10
|
+
const NavigationMenuList = Primitive.List;
|
|
11
|
+
const NavigationMenuItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(Primitive.NavigationMenuItem, {
|
|
12
|
+
ref,
|
|
13
|
+
className: cn("list-none", className),
|
|
14
|
+
...props,
|
|
15
|
+
children
|
|
16
|
+
}));
|
|
17
|
+
NavigationMenuItem.displayName = Primitive.NavigationMenuItem.displayName;
|
|
18
|
+
const NavigationMenuTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(Primitive.Trigger, {
|
|
19
|
+
ref,
|
|
20
|
+
className: cn("data-[state=open]:bg-fd-accent/50", className),
|
|
21
|
+
...props,
|
|
22
|
+
children
|
|
23
|
+
}));
|
|
24
|
+
NavigationMenuTrigger.displayName = Primitive.Trigger.displayName;
|
|
25
|
+
const NavigationMenuContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Primitive.Content, {
|
|
26
|
+
ref,
|
|
27
|
+
className: cn("absolute inset-x-0 top-0 overflow-auto fd-scroll-container max-h-[80svh] data-[motion=from-end]:animate-fd-enterFromRight data-[motion=from-start]:animate-fd-enterFromLeft data-[motion=to-end]:animate-fd-exitToRight data-[motion=to-start]:animate-fd-exitToLeft", className),
|
|
28
|
+
...props
|
|
29
|
+
}));
|
|
30
|
+
NavigationMenuContent.displayName = Primitive.Content.displayName;
|
|
31
|
+
const NavigationMenuLink = Primitive.Link;
|
|
32
|
+
const NavigationMenuViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
|
|
33
|
+
ref,
|
|
34
|
+
className: "flex w-full justify-center",
|
|
35
|
+
children: /* @__PURE__ */ jsx(Primitive.Viewport, {
|
|
36
|
+
...props,
|
|
37
|
+
className: cn("relative h-(--radix-navigation-menu-viewport-height) w-full origin-[top_center] overflow-hidden transition-[width,height] duration-300 data-[state=closed]:animate-fd-nav-menu-out data-[state=open]:animate-fd-nav-menu-in", className)
|
|
38
|
+
})
|
|
39
|
+
}));
|
|
40
|
+
NavigationMenuViewport.displayName = Primitive.Viewport.displayName;
|
|
41
|
+
|
|
42
|
+
//#endregion
|
|
43
|
+
export { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport };
|
|
44
|
+
//# sourceMappingURL=navigation-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-menu.js","names":[],"sources":["../../../src/components/ui/navigation-menu.tsx"],"sourcesContent":["'use client';\nimport * as React from 'react';\nimport * as Primitive from '@radix-ui/react-navigation-menu';\nimport { cn } from '@hanzo/docs-ui/cn';\n\nexport type NavigationMenuContentProps = Primitive.NavigationMenuContentProps;\nexport type NavigationMenuTriggerProps = Primitive.NavigationMenuTriggerProps;\n\nconst NavigationMenu = Primitive.Root;\n\nconst NavigationMenuList = Primitive.List;\n\nconst NavigationMenuItem = React.forwardRef<\n React.ComponentRef<typeof Primitive.NavigationMenuItem>,\n React.ComponentPropsWithoutRef<typeof Primitive.NavigationMenuItem>\n>(({ className, children, ...props }, ref) => (\n <Primitive.NavigationMenuItem ref={ref} className={cn('list-none', className)} {...props}>\n {children}\n </Primitive.NavigationMenuItem>\n));\n\nNavigationMenuItem.displayName = Primitive.NavigationMenuItem.displayName;\n\nconst NavigationMenuTrigger = React.forwardRef<\n React.ComponentRef<typeof Primitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof Primitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <Primitive.Trigger\n ref={ref}\n className={cn('data-[state=open]:bg-fd-accent/50', className)}\n {...props}\n >\n {children}\n </Primitive.Trigger>\n));\nNavigationMenuTrigger.displayName = Primitive.Trigger.displayName;\n\nconst NavigationMenuContent = React.forwardRef<\n React.ComponentRef<typeof Primitive.Content>,\n React.ComponentPropsWithoutRef<typeof Primitive.Content>\n>(({ className, ...props }, ref) => (\n <Primitive.Content\n ref={ref}\n className={cn(\n 'absolute inset-x-0 top-0 overflow-auto fd-scroll-container max-h-[80svh] data-[motion=from-end]:animate-fd-enterFromRight data-[motion=from-start]:animate-fd-enterFromLeft data-[motion=to-end]:animate-fd-exitToRight data-[motion=to-start]:animate-fd-exitToLeft',\n className,\n )}\n {...props}\n />\n));\nNavigationMenuContent.displayName = Primitive.Content.displayName;\n\nconst NavigationMenuLink = Primitive.Link;\n\nconst NavigationMenuViewport = React.forwardRef<\n React.ComponentRef<typeof Primitive.Viewport>,\n React.ComponentPropsWithoutRef<typeof Primitive.Viewport>\n>(({ className, ...props }, ref) => (\n <div ref={ref} className=\"flex w-full justify-center\">\n <Primitive.Viewport\n {...props}\n className={cn(\n 'relative h-(--radix-navigation-menu-viewport-height) w-full origin-[top_center] overflow-hidden transition-[width,height] duration-300 data-[state=closed]:animate-fd-nav-menu-out data-[state=open]:animate-fd-nav-menu-in',\n className,\n )}\n />\n </div>\n));\nNavigationMenuViewport.displayName = Primitive.Viewport.displayName;\n\nexport {\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuViewport,\n};\n"],"mappings":";;;;;;;;AAQA,MAAM,iBAAiB,UAAU;AAEjC,MAAM,qBAAqB,UAAU;AAErC,MAAM,qBAAqB,MAAM,YAG9B,EAAE,WAAW,UAAU,GAAG,SAAS,QACpC,oBAAC,UAAU;CAAwB;CAAK,WAAW,GAAG,aAAa,UAAU;CAAE,GAAI;CAChF;EAC4B,CAC/B;AAEF,mBAAmB,cAAc,UAAU,mBAAmB;AAE9D,MAAM,wBAAwB,MAAM,YAGjC,EAAE,WAAW,UAAU,GAAG,SAAS,QACpC,oBAAC,UAAU;CACJ;CACL,WAAW,GAAG,qCAAqC,UAAU;CAC7D,GAAI;CAEH;EACiB,CACpB;AACF,sBAAsB,cAAc,UAAU,QAAQ;AAEtD,MAAM,wBAAwB,MAAM,YAGjC,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,UAAU;CACJ;CACL,WAAW,GACT,wQACA,UACD;CACD,GAAI;EACJ,CACF;AACF,sBAAsB,cAAc,UAAU,QAAQ;AAEtD,MAAM,qBAAqB,UAAU;AAErC,MAAM,yBAAyB,MAAM,YAGlC,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC;CAAS;CAAK,WAAU;WACvB,oBAAC,UAAU;EACT,GAAI;EACJ,WAAW,GACT,+NACA,UACD;GACD;EACE,CACN;AACF,uBAAuB,cAAc,UAAU,SAAS"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
|
3
|
+
|
|
4
|
+
//#region src/components/ui/popover.d.ts
|
|
5
|
+
declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
|
|
6
|
+
declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const PopoverClose: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
9
|
+
//#endregion
|
|
10
|
+
export { Popover, PopoverClose, PopoverContent, PopoverTrigger };
|
|
11
|
+
//# sourceMappingURL=popover.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.d.ts","names":[],"sources":["../../../src/components/ui/popover.tsx"],"sourcesContent":[],"mappings":";;;;cAKM,SAAO,KAAA,CAAA,GAAA,gBAAA,CAAA;cAEP,gBAAc,KAAA,CAAA,0BAAA,gBAAA,CAAA,sBAAA,KAAA,CAAA,cAAA;AALW,cAOzB,cAJO,EAIO,KAAA,CAAA,yBAJP,CAIO,IAJP,CAIO,gBAAA,CAAA,mBAJP,GAIO,KAAA,CAAA,aAJP,CAIO,cAJP,CAAA,EAAA,KAAA,CAAA,GAIO,KAAA,CAAA,aAJP,CAIO,cAJP,CAAA,CAAA;AAAA,cAwBP,YAtByC,EAsB7B,KAAA,CAAA,yBAtB6B,CAsB7B,gBAAA,CAAA,iBAtB6B,GAsB7B,KAAA,CAAA,aAtB6B,CAsB7B,iBAtB6B,CAAA,CAAA"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { cn } from "@hanzo/docs-ui/cn";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
import * as React from "react";
|
|
6
|
+
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
|
7
|
+
|
|
8
|
+
//#region src/components/ui/popover.tsx
|
|
9
|
+
const Popover = PopoverPrimitive.Root;
|
|
10
|
+
const PopoverTrigger = PopoverPrimitive.Trigger;
|
|
11
|
+
const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
|
|
12
|
+
ref,
|
|
13
|
+
align,
|
|
14
|
+
sideOffset,
|
|
15
|
+
side: "bottom",
|
|
16
|
+
className: cn("z-50 origin-(--radix-popover-content-transform-origin) overflow-y-auto max-h-(--radix-popover-content-available-height) min-w-[240px] max-w-[98vw] rounded-xl border bg-fd-popover/60 backdrop-blur-lg p-2 text-sm text-fd-popover-foreground shadow-lg focus-visible:outline-none data-[state=closed]:animate-fd-popover-out data-[state=open]:animate-fd-popover-in", className),
|
|
17
|
+
...props
|
|
18
|
+
}) }));
|
|
19
|
+
PopoverContent.displayName = PopoverPrimitive.Content.displayName;
|
|
20
|
+
const PopoverClose = PopoverPrimitive.PopoverClose;
|
|
21
|
+
|
|
22
|
+
//#endregion
|
|
23
|
+
export { Popover, PopoverClose, PopoverContent, PopoverTrigger };
|
|
24
|
+
//# sourceMappingURL=popover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.js","names":[],"sources":["../../../src/components/ui/popover.tsx"],"sourcesContent":["'use client';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport * as React from 'react';\nimport { cn } from '@hanzo/docs-ui/cn';\n\nconst Popover = PopoverPrimitive.Root;\n\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\nconst PopoverContent = React.forwardRef<\n React.ComponentRef<typeof PopoverPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n side=\"bottom\"\n className={cn(\n 'z-50 origin-(--radix-popover-content-transform-origin) overflow-y-auto max-h-(--radix-popover-content-available-height) min-w-[240px] max-w-[98vw] rounded-xl border bg-fd-popover/60 backdrop-blur-lg p-2 text-sm text-fd-popover-foreground shadow-lg focus-visible:outline-none data-[state=closed]:animate-fd-popover-out data-[state=open]:animate-fd-popover-in',\n className,\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nconst PopoverClose = PopoverPrimitive.PopoverClose;\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverClose };\n"],"mappings":";;;;;;;;AAKA,MAAM,UAAU,iBAAiB;AAEjC,MAAM,iBAAiB,iBAAiB;AAExC,MAAM,iBAAiB,MAAM,YAG1B,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,SAAS,QAC5D,oBAAC,iBAAiB,oBAChB,oBAAC,iBAAiB;CACX;CACE;CACK;CACZ,MAAK;CACL,WAAW,GACT,yWACA,UACD;CACD,GAAI;EACJ,GACsB,CAC1B;AACF,eAAe,cAAc,iBAAiB,QAAQ;AAEtD,MAAM,eAAe,iBAAiB"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as Primitive from "@radix-ui/react-scroll-area";
|
|
3
|
+
|
|
4
|
+
//#region src/components/ui/scroll-area.d.ts
|
|
5
|
+
declare const ScrollArea: React.ForwardRefExoticComponent<Omit<Primitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
declare const ScrollViewport: React.ForwardRefExoticComponent<Omit<Primitive.ScrollAreaViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const ScrollBar: React.ForwardRefExoticComponent<Omit<Primitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
type ScrollAreaProps = Primitive.ScrollAreaProps;
|
|
9
|
+
//#endregion
|
|
10
|
+
export { ScrollArea, ScrollAreaProps, ScrollBar, ScrollViewport };
|
|
11
|
+
//# sourceMappingURL=scroll-area.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scroll-area.d.ts","names":[],"sources":["../../../src/components/ui/scroll-area.tsx"],"sourcesContent":[],"mappings":";;;;cAIM,YAAU,KAAA,CAAA,0BAAA,KAAA,SAAA,CAAA,kBAAA,KAAA,CAAA,cAAA,0BAAA,KAAA,CAAA,cAAA;cAaV,gBAAc,KAAA,CAAA,0BAAA,KAAA,SAAA,CAAA,0BAAA,KAAA,CAAA,cAAA,0BAAA,KAAA,CAAA,cAAA;AAhBW,cA2BzB,SAfJ,EAea,KAAA,CAAA,yBAfb,CAea,IAfb,CAea,SAAA,CAAA,wBAfb,GAea,KAAA,CAAA,aAfb,CAea,cAfb,CAAA,EAAA,KAAA,CAAA,GAea,KAAA,CAAA,aAfb,CAea,cAfb,CAAA,CAAA;AATc,KA6CJ,eAAA,GAAkB,SAAA,CAAU,eA7CxB"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { cn } from "@hanzo/docs-ui/cn";
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import * as Primitive from "@radix-ui/react-scroll-area";
|
|
5
|
+
|
|
6
|
+
//#region src/components/ui/scroll-area.tsx
|
|
7
|
+
const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(Primitive.Root, {
|
|
8
|
+
ref,
|
|
9
|
+
type: "scroll",
|
|
10
|
+
className: cn("overflow-hidden", className),
|
|
11
|
+
...props,
|
|
12
|
+
children: [
|
|
13
|
+
children,
|
|
14
|
+
/* @__PURE__ */ jsx(Primitive.Corner, {}),
|
|
15
|
+
/* @__PURE__ */ jsx(ScrollBar, { orientation: "vertical" })
|
|
16
|
+
]
|
|
17
|
+
}));
|
|
18
|
+
ScrollArea.displayName = Primitive.Root.displayName;
|
|
19
|
+
const ScrollViewport = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(Primitive.Viewport, {
|
|
20
|
+
ref,
|
|
21
|
+
className: cn("size-full rounded-[inherit]", className),
|
|
22
|
+
...props,
|
|
23
|
+
children
|
|
24
|
+
}));
|
|
25
|
+
ScrollViewport.displayName = Primitive.Viewport.displayName;
|
|
26
|
+
const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(Primitive.Scrollbar, {
|
|
27
|
+
ref,
|
|
28
|
+
orientation,
|
|
29
|
+
className: cn("flex select-none data-[state=hidden]:animate-fd-fade-out", orientation === "vertical" && "h-full w-1.5", orientation === "horizontal" && "h-1.5 flex-col", className),
|
|
30
|
+
...props,
|
|
31
|
+
children: /* @__PURE__ */ jsx(Primitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-fd-border" })
|
|
32
|
+
}));
|
|
33
|
+
ScrollBar.displayName = Primitive.Scrollbar.displayName;
|
|
34
|
+
|
|
35
|
+
//#endregion
|
|
36
|
+
export { ScrollArea, ScrollBar, ScrollViewport };
|
|
37
|
+
//# sourceMappingURL=scroll-area.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scroll-area.js","names":[],"sources":["../../../src/components/ui/scroll-area.tsx"],"sourcesContent":["import * as Primitive from '@radix-ui/react-scroll-area';\nimport * as React from 'react';\nimport { cn } from '@hanzo/docs-ui/cn';\n\nconst ScrollArea = React.forwardRef<\n React.ComponentRef<typeof Primitive.Root>,\n React.ComponentPropsWithoutRef<typeof Primitive.Root>\n>(({ className, children, ...props }, ref) => (\n <Primitive.Root ref={ref} type=\"scroll\" className={cn('overflow-hidden', className)} {...props}>\n {children}\n <Primitive.Corner />\n <ScrollBar orientation=\"vertical\" />\n </Primitive.Root>\n));\n\nScrollArea.displayName = Primitive.Root.displayName;\n\nconst ScrollViewport = React.forwardRef<\n React.ComponentRef<typeof Primitive.Viewport>,\n React.ComponentPropsWithoutRef<typeof Primitive.Viewport>\n>(({ className, children, ...props }, ref) => (\n <Primitive.Viewport ref={ref} className={cn('size-full rounded-[inherit]', className)} {...props}>\n {children}\n </Primitive.Viewport>\n));\n\nScrollViewport.displayName = Primitive.Viewport.displayName;\n\nconst ScrollBar = React.forwardRef<\n React.ComponentRef<typeof Primitive.Scrollbar>,\n React.ComponentPropsWithoutRef<typeof Primitive.Scrollbar>\n>(({ className, orientation = 'vertical', ...props }, ref) => (\n <Primitive.Scrollbar\n ref={ref}\n orientation={orientation}\n className={cn(\n 'flex select-none data-[state=hidden]:animate-fd-fade-out',\n orientation === 'vertical' && 'h-full w-1.5',\n orientation === 'horizontal' && 'h-1.5 flex-col',\n className,\n )}\n {...props}\n >\n <Primitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-fd-border\" />\n </Primitive.Scrollbar>\n));\nScrollBar.displayName = Primitive.Scrollbar.displayName;\n\nexport { ScrollArea, ScrollBar, ScrollViewport };\nexport type ScrollAreaProps = Primitive.ScrollAreaProps;\n"],"mappings":";;;;;;AAIA,MAAM,aAAa,MAAM,YAGtB,EAAE,WAAW,UAAU,GAAG,SAAS,QACpC,qBAAC,UAAU;CAAU;CAAK,MAAK;CAAS,WAAW,GAAG,mBAAmB,UAAU;CAAE,GAAI;;EACtF;EACD,oBAAC,UAAU,WAAS;EACpB,oBAAC,aAAU,aAAY,aAAa;;EACrB,CACjB;AAEF,WAAW,cAAc,UAAU,KAAK;AAExC,MAAM,iBAAiB,MAAM,YAG1B,EAAE,WAAW,UAAU,GAAG,SAAS,QACpC,oBAAC,UAAU;CAAc;CAAK,WAAW,GAAG,+BAA+B,UAAU;CAAE,GAAI;CACxF;EACkB,CACrB;AAEF,eAAe,cAAc,UAAU,SAAS;AAEhD,MAAM,YAAY,MAAM,YAGrB,EAAE,WAAW,cAAc,YAAY,GAAG,SAAS,QACpD,oBAAC,UAAU;CACJ;CACQ;CACb,WAAW,GACT,4DACA,gBAAgB,cAAc,gBAC9B,gBAAgB,gBAAgB,kBAChC,UACD;CACD,GAAI;WAEJ,oBAAC,UAAU,mBAAgB,WAAU,8CAA8C;EAC/D,CACtB;AACF,UAAU,cAAc,UAAU,UAAU"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import * as react_jsx_runtime40 from "react/jsx-runtime";
|
|
2
|
+
import * as react7 from "react";
|
|
3
|
+
import { ComponentProps } from "react";
|
|
4
|
+
import * as Primitive from "@radix-ui/react-tabs";
|
|
5
|
+
|
|
6
|
+
//#region src/components/ui/tabs.d.ts
|
|
7
|
+
interface TabsProps extends ComponentProps<typeof Primitive.Tabs> {
|
|
8
|
+
/**
|
|
9
|
+
* Identifier for Sharing value of tabs
|
|
10
|
+
*/
|
|
11
|
+
groupId?: string;
|
|
12
|
+
/**
|
|
13
|
+
* Enable persistent
|
|
14
|
+
*/
|
|
15
|
+
persist?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* If true, updates the URL hash based on the tab's id
|
|
18
|
+
*/
|
|
19
|
+
updateAnchor?: boolean;
|
|
20
|
+
}
|
|
21
|
+
declare const TabsList: react7.ForwardRefExoticComponent<Primitive.TabsListProps & react7.RefAttributes<HTMLDivElement>>;
|
|
22
|
+
declare const TabsTrigger: react7.ForwardRefExoticComponent<Primitive.TabsTriggerProps & react7.RefAttributes<HTMLButtonElement>>;
|
|
23
|
+
declare function Tabs({
|
|
24
|
+
ref,
|
|
25
|
+
groupId,
|
|
26
|
+
persist,
|
|
27
|
+
updateAnchor,
|
|
28
|
+
defaultValue,
|
|
29
|
+
value: _value,
|
|
30
|
+
onValueChange: _onValueChange,
|
|
31
|
+
...props
|
|
32
|
+
}: TabsProps): react_jsx_runtime40.JSX.Element;
|
|
33
|
+
declare function TabsContent({
|
|
34
|
+
value,
|
|
35
|
+
...props
|
|
36
|
+
}: ComponentProps<typeof Primitive.TabsContent>): react_jsx_runtime40.JSX.Element;
|
|
37
|
+
//#endregion
|
|
38
|
+
export { Tabs, TabsContent, TabsList, TabsProps, TabsTrigger };
|
|
39
|
+
//# sourceMappingURL=tabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../../src/components/ui/tabs.tsx"],"sourcesContent":[],"mappings":";;;;;;UAkBiB,SAAA,SAAkB,sBAAsB,SAAA,CAAU;;;;EAAlD,OAAA,CAAA,EAAA,MAAU;EA2Bd;;;EAAQ,OAAA,CAAA,EAAA,OAAA;EAAA;;AAErB;EAAwB,YAAA,CAAA,EAAA,OAAA;;AAAA,cAFX,QAEW,EAFH,MAAA,CAAA,yBAEG,CAFH,SAAA,CAAA,aAEG,GAFH,MAAA,CAAA,aAEG,CAFH,cAEG,CAAA,CAAA;AAAA,cAAX,WAAW,EAAA,MAAA,CAAA,yBAAA,CAAA,SAAA,CAAA,gBAAA,GAAA,MAAA,CAAA,aAAA,CAAA,iBAAA,CAAA,CAAA;AAAA,iBAER,IAAA,CAFQ;EAAA,GAAA;EAAA,OAAA;EAAA,OAAA;EAAA,YAAA;EAAA,YAAA;EAAA,KAAA,EAQf,MARe;EAAA,aAAA,EASP,cATO;EAAA,GAAA;AAAA,CAAA,EAWrB,SAXqB,CAAA,EAWZ,mBAAA,CAAA,GAAA,CAAA,OAXY;AAER,iBAgFA,WAAA,CAhFI;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAgF6B,cAhF7B,CAAA,OAgFmD,SAAA,CAAU,WAhF7D,CAAA,CAAA,EAgFyE,mBAAA,CAAA,GAAA,CAAA,OAhFzE"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
import { createContext, use, useEffectEvent, useLayoutEffect, useMemo, useRef, useState } from "react";
|
|
5
|
+
import * as Primitive from "@radix-ui/react-tabs";
|
|
6
|
+
import { mergeRefs } from "@hanzo/docs-ui/merge-refs";
|
|
7
|
+
|
|
8
|
+
//#region src/components/ui/tabs.tsx
|
|
9
|
+
const listeners = /* @__PURE__ */ new Map();
|
|
10
|
+
const TabsContext = createContext(null);
|
|
11
|
+
function useTabContext() {
|
|
12
|
+
const ctx = use(TabsContext);
|
|
13
|
+
if (!ctx) throw new Error("You must wrap your component in <Tabs>");
|
|
14
|
+
return ctx;
|
|
15
|
+
}
|
|
16
|
+
const TabsList = Primitive.TabsList;
|
|
17
|
+
const TabsTrigger = Primitive.TabsTrigger;
|
|
18
|
+
function Tabs({ ref, groupId, persist = false, updateAnchor = false, defaultValue, value: _value, onValueChange: _onValueChange, ...props }) {
|
|
19
|
+
const tabsRef = useRef(null);
|
|
20
|
+
const valueToIdMap = useMemo(() => /* @__PURE__ */ new Map(), []);
|
|
21
|
+
const [value, setValue] = _value === void 0 ? useState(defaultValue) : [_value, useEffectEvent((v) => _onValueChange?.(v))];
|
|
22
|
+
useLayoutEffect(() => {
|
|
23
|
+
if (!groupId) return;
|
|
24
|
+
let previous = sessionStorage.getItem(groupId);
|
|
25
|
+
if (persist) previous ??= localStorage.getItem(groupId);
|
|
26
|
+
if (previous) setValue(previous);
|
|
27
|
+
const groupListeners = listeners.get(groupId) ?? /* @__PURE__ */ new Set();
|
|
28
|
+
groupListeners.add(setValue);
|
|
29
|
+
listeners.set(groupId, groupListeners);
|
|
30
|
+
return () => {
|
|
31
|
+
groupListeners.delete(setValue);
|
|
32
|
+
};
|
|
33
|
+
}, [
|
|
34
|
+
groupId,
|
|
35
|
+
persist,
|
|
36
|
+
setValue
|
|
37
|
+
]);
|
|
38
|
+
useLayoutEffect(() => {
|
|
39
|
+
const hash = window.location.hash.slice(1);
|
|
40
|
+
if (!hash) return;
|
|
41
|
+
for (const [value$1, id] of valueToIdMap.entries()) if (id === hash) {
|
|
42
|
+
setValue(value$1);
|
|
43
|
+
tabsRef.current?.scrollIntoView();
|
|
44
|
+
break;
|
|
45
|
+
}
|
|
46
|
+
}, [setValue, valueToIdMap]);
|
|
47
|
+
return /* @__PURE__ */ jsx(Primitive.Tabs, {
|
|
48
|
+
ref: mergeRefs(ref, tabsRef),
|
|
49
|
+
value,
|
|
50
|
+
onValueChange: (v) => {
|
|
51
|
+
if (updateAnchor) {
|
|
52
|
+
const id = valueToIdMap.get(v);
|
|
53
|
+
if (id) window.history.replaceState(null, "", `#${id}`);
|
|
54
|
+
}
|
|
55
|
+
if (groupId) {
|
|
56
|
+
const groupListeners = listeners.get(groupId);
|
|
57
|
+
if (groupListeners) for (const listener of groupListeners) listener(v);
|
|
58
|
+
sessionStorage.setItem(groupId, v);
|
|
59
|
+
if (persist) localStorage.setItem(groupId, v);
|
|
60
|
+
} else setValue(v);
|
|
61
|
+
},
|
|
62
|
+
...props,
|
|
63
|
+
children: /* @__PURE__ */ jsx(TabsContext, {
|
|
64
|
+
value: useMemo(() => ({ valueToIdMap }), [valueToIdMap]),
|
|
65
|
+
children: props.children
|
|
66
|
+
})
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
function TabsContent({ value, ...props }) {
|
|
70
|
+
const { valueToIdMap } = useTabContext();
|
|
71
|
+
if (props.id) valueToIdMap.set(value, props.id);
|
|
72
|
+
return /* @__PURE__ */ jsx(Primitive.TabsContent, {
|
|
73
|
+
value,
|
|
74
|
+
...props,
|
|
75
|
+
children: props.children
|
|
76
|
+
});
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
//#endregion
|
|
80
|
+
export { Tabs, TabsContent, TabsList, TabsTrigger };
|
|
81
|
+
//# sourceMappingURL=tabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.js","names":["value"],"sources":["../../../src/components/ui/tabs.tsx"],"sourcesContent":["'use client';\n\nimport {\n type ComponentProps,\n createContext,\n use,\n useEffectEvent,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport * as Primitive from '@radix-ui/react-tabs';\nimport { mergeRefs } from '@hanzo/docs-ui/merge-refs';\n\ntype ChangeListener = (v: string) => void;\nconst listeners = new Map<string, Set<ChangeListener>>();\n\nexport interface TabsProps extends ComponentProps<typeof Primitive.Tabs> {\n /**\n * Identifier for Sharing value of tabs\n */\n groupId?: string;\n\n /**\n * Enable persistent\n */\n persist?: boolean;\n\n /**\n * If true, updates the URL hash based on the tab's id\n */\n updateAnchor?: boolean;\n}\n\nconst TabsContext = createContext<{\n valueToIdMap: Map<string, string>;\n} | null>(null);\n\nfunction useTabContext() {\n const ctx = use(TabsContext);\n if (!ctx) throw new Error('You must wrap your component in <Tabs>');\n return ctx;\n}\n\nexport const TabsList = Primitive.TabsList;\n\nexport const TabsTrigger = Primitive.TabsTrigger;\n\nexport function Tabs({\n ref,\n groupId,\n persist = false,\n updateAnchor = false,\n defaultValue,\n value: _value,\n onValueChange: _onValueChange,\n ...props\n}: TabsProps) {\n const tabsRef = useRef<HTMLDivElement>(null);\n const valueToIdMap = useMemo(() => new Map<string, string>(), []);\n const [value, setValue] =\n _value === undefined\n ? // eslint-disable-next-line react-hooks/rules-of-hooks -- not supposed to change controlled/uncontrolled\n useState(defaultValue)\n : // eslint-disable-next-line react-hooks/rules-of-hooks -- not supposed to change controlled/uncontrolled\n [_value, useEffectEvent((v: string) => _onValueChange?.(v))];\n\n useLayoutEffect(() => {\n if (!groupId) return;\n let previous = sessionStorage.getItem(groupId);\n if (persist) previous ??= localStorage.getItem(groupId);\n if (previous) setValue(previous);\n\n const groupListeners = listeners.get(groupId) ?? new Set();\n groupListeners.add(setValue);\n listeners.set(groupId, groupListeners);\n return () => {\n groupListeners.delete(setValue);\n };\n }, [groupId, persist, setValue]);\n\n useLayoutEffect(() => {\n const hash = window.location.hash.slice(1);\n if (!hash) return;\n\n for (const [value, id] of valueToIdMap.entries()) {\n if (id === hash) {\n setValue(value);\n tabsRef.current?.scrollIntoView();\n break;\n }\n }\n }, [setValue, valueToIdMap]);\n\n return (\n <Primitive.Tabs\n ref={mergeRefs(ref, tabsRef)}\n value={value}\n onValueChange={(v: string) => {\n if (updateAnchor) {\n const id = valueToIdMap.get(v);\n\n if (id) {\n window.history.replaceState(null, '', `#${id}`);\n }\n }\n\n if (groupId) {\n const groupListeners = listeners.get(groupId);\n if (groupListeners) {\n for (const listener of groupListeners) listener(v);\n }\n\n sessionStorage.setItem(groupId, v);\n if (persist) localStorage.setItem(groupId, v);\n } else {\n setValue(v);\n }\n }}\n {...props}\n >\n <TabsContext value={useMemo(() => ({ valueToIdMap }), [valueToIdMap])}>\n {props.children}\n </TabsContext>\n </Primitive.Tabs>\n );\n}\n\nexport function TabsContent({ value, ...props }: ComponentProps<typeof Primitive.TabsContent>) {\n const { valueToIdMap } = useTabContext();\n\n if (props.id) {\n valueToIdMap.set(value, props.id);\n }\n\n return (\n <Primitive.TabsContent value={value} {...props}>\n {props.children}\n </Primitive.TabsContent>\n );\n}\n"],"mappings":";;;;;;;;AAgBA,MAAM,4BAAY,IAAI,KAAkC;AAmBxD,MAAM,cAAc,cAEV,KAAK;AAEf,SAAS,gBAAgB;CACvB,MAAM,MAAM,IAAI,YAAY;AAC5B,KAAI,CAAC,IAAK,OAAM,IAAI,MAAM,yCAAyC;AACnE,QAAO;;AAGT,MAAa,WAAW,UAAU;AAElC,MAAa,cAAc,UAAU;AAErC,SAAgB,KAAK,EACnB,KACA,SACA,UAAU,OACV,eAAe,OACf,cACA,OAAO,QACP,eAAe,gBACf,GAAG,SACS;CACZ,MAAM,UAAU,OAAuB,KAAK;CAC5C,MAAM,eAAe,8BAAc,IAAI,KAAqB,EAAE,EAAE,CAAC;CACjE,MAAM,CAAC,OAAO,YACZ,WAAW,SAEP,SAAS,aAAa,GAEtB,CAAC,QAAQ,gBAAgB,MAAc,iBAAiB,EAAE,CAAC,CAAC;AAElE,uBAAsB;AACpB,MAAI,CAAC,QAAS;EACd,IAAI,WAAW,eAAe,QAAQ,QAAQ;AAC9C,MAAI,QAAS,cAAa,aAAa,QAAQ,QAAQ;AACvD,MAAI,SAAU,UAAS,SAAS;EAEhC,MAAM,iBAAiB,UAAU,IAAI,QAAQ,oBAAI,IAAI,KAAK;AAC1D,iBAAe,IAAI,SAAS;AAC5B,YAAU,IAAI,SAAS,eAAe;AACtC,eAAa;AACX,kBAAe,OAAO,SAAS;;IAEhC;EAAC;EAAS;EAAS;EAAS,CAAC;AAEhC,uBAAsB;EACpB,MAAM,OAAO,OAAO,SAAS,KAAK,MAAM,EAAE;AAC1C,MAAI,CAAC,KAAM;AAEX,OAAK,MAAM,CAACA,SAAO,OAAO,aAAa,SAAS,CAC9C,KAAI,OAAO,MAAM;AACf,YAASA,QAAM;AACf,WAAQ,SAAS,gBAAgB;AACjC;;IAGH,CAAC,UAAU,aAAa,CAAC;AAE5B,QACE,oBAAC,UAAU;EACT,KAAK,UAAU,KAAK,QAAQ;EACrB;EACP,gBAAgB,MAAc;AAC5B,OAAI,cAAc;IAChB,MAAM,KAAK,aAAa,IAAI,EAAE;AAE9B,QAAI,GACF,QAAO,QAAQ,aAAa,MAAM,IAAI,IAAI,KAAK;;AAInD,OAAI,SAAS;IACX,MAAM,iBAAiB,UAAU,IAAI,QAAQ;AAC7C,QAAI,eACF,MAAK,MAAM,YAAY,eAAgB,UAAS,EAAE;AAGpD,mBAAe,QAAQ,SAAS,EAAE;AAClC,QAAI,QAAS,cAAa,QAAQ,SAAS,EAAE;SAE7C,UAAS,EAAE;;EAGf,GAAI;YAEJ,oBAAC;GAAY,OAAO,eAAe,EAAE,cAAc,GAAG,CAAC,aAAa,CAAC;aAClE,MAAM;IACK;GACC;;AAIrB,SAAgB,YAAY,EAAE,OAAO,GAAG,SAAuD;CAC7F,MAAM,EAAE,iBAAiB,eAAe;AAExC,KAAI,MAAM,GACR,cAAa,IAAI,OAAO,MAAM,GAAG;AAGnC,QACE,oBAAC,UAAU;EAAmB;EAAO,GAAI;YACtC,MAAM;GACe"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "@hanzo/docs-ui/contexts/i18n";
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { __reExport } from "../_virtual/rolldown_runtime.js";
|
|
2
|
+
|
|
3
|
+
export * from "@hanzo/docs-ui/contexts/i18n"
|
|
4
|
+
|
|
5
|
+
//#region src/contexts/i18n.tsx
|
|
6
|
+
var i18n_exports = {};
|
|
7
|
+
import * as import__hanzo_docs_ui_contexts_i18n from "@hanzo/docs-ui/contexts/i18n";
|
|
8
|
+
__reExport(i18n_exports, import__hanzo_docs_ui_contexts_i18n);
|
|
9
|
+
|
|
10
|
+
//#endregion
|
|
11
|
+
export { i18n_exports };
|
|
12
|
+
//# sourceMappingURL=i18n.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"i18n.js","names":[],"sources":["../../src/contexts/i18n.tsx"],"sourcesContent":["export * from '@hanzo/docs-ui/contexts/i18n';\n"],"mappings":""}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export * from "@hanzo/docs-ui/contexts/search";
|
|
2
|
+
|
|
3
|
+
//#region src/contexts/search.d.ts
|
|
4
|
+
|
|
5
|
+
import * as import__hanzo_docs_ui_contexts_search from "@hanzo/docs-ui/contexts/search";
|
|
6
|
+
//#endregion
|
|
7
|
+
export { import__hanzo_docs_ui_contexts_search as search_d_exports };
|
|
8
|
+
//# sourceMappingURL=search.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"search.d.ts","names":[],"sources":["../../src/contexts/search.tsx"],"sourcesContent":[],"mappings":""}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { __reExport } from "../_virtual/rolldown_runtime.js";
|
|
2
|
+
|
|
3
|
+
export * from "@hanzo/docs-ui/contexts/search"
|
|
4
|
+
|
|
5
|
+
//#region src/contexts/search.tsx
|
|
6
|
+
var search_exports = {};
|
|
7
|
+
import * as import__hanzo_docs_ui_contexts_search from "@hanzo/docs-ui/contexts/search";
|
|
8
|
+
__reExport(search_exports, import__hanzo_docs_ui_contexts_search);
|
|
9
|
+
|
|
10
|
+
//#endregion
|
|
11
|
+
export { search_exports };
|
|
12
|
+
//# sourceMappingURL=search.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"search.js","names":[],"sources":["../../src/contexts/search.tsx"],"sourcesContent":["export * from '@hanzo/docs-ui/contexts/search';\n"],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "@hanzo/docs-ui/contexts/tree";
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { __reExport } from "../_virtual/rolldown_runtime.js";
|
|
2
|
+
|
|
3
|
+
export * from "@hanzo/docs-ui/contexts/tree"
|
|
4
|
+
|
|
5
|
+
//#region src/contexts/tree.tsx
|
|
6
|
+
var tree_exports = {};
|
|
7
|
+
import * as import__hanzo_docs_ui_contexts_tree from "@hanzo/docs-ui/contexts/tree";
|
|
8
|
+
__reExport(tree_exports, import__hanzo_docs_ui_contexts_tree);
|
|
9
|
+
|
|
10
|
+
//#endregion
|
|
11
|
+
export { tree_exports };
|
|
12
|
+
//# sourceMappingURL=tree.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tree.js","names":[],"sources":["../../src/contexts/tree.tsx"],"sourcesContent":["export * from '@hanzo/docs-ui/contexts/tree';\n"],"mappings":""}
|
package/dist/i18n.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "@hanzo/docs-ui/i18n";
|
package/dist/i18n.js
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { SidebarTab } from "../../components/sidebar/tabs/index.js";
|
|
2
|
+
import * as react_jsx_runtime42 from "react/jsx-runtime";
|
|
3
|
+
import * as react11 from "react";
|
|
4
|
+
import { ComponentProps, ReactNode } from "react";
|
|
5
|
+
|
|
6
|
+
//#region src/layouts/docs/client.d.ts
|
|
7
|
+
declare const LayoutContext: react11.Context<{
|
|
8
|
+
isNavTransparent: boolean;
|
|
9
|
+
} | null>;
|
|
10
|
+
declare function LayoutContextProvider({
|
|
11
|
+
navTransparentMode,
|
|
12
|
+
children
|
|
13
|
+
}: {
|
|
14
|
+
navTransparentMode?: 'always' | 'top' | 'none';
|
|
15
|
+
children: ReactNode;
|
|
16
|
+
}): react_jsx_runtime42.JSX.Element;
|
|
17
|
+
declare function LayoutHeader(props: ComponentProps<'header'>): react_jsx_runtime42.JSX.Element;
|
|
18
|
+
declare function LayoutBody({
|
|
19
|
+
className,
|
|
20
|
+
style,
|
|
21
|
+
children,
|
|
22
|
+
...props
|
|
23
|
+
}: ComponentProps<'div'>): react_jsx_runtime42.JSX.Element;
|
|
24
|
+
declare function LayoutTabs({
|
|
25
|
+
options,
|
|
26
|
+
...props
|
|
27
|
+
}: ComponentProps<'div'> & {
|
|
28
|
+
options: SidebarTab[];
|
|
29
|
+
}): react_jsx_runtime42.JSX.Element;
|
|
30
|
+
//#endregion
|
|
31
|
+
export { LayoutBody, LayoutContext, LayoutContextProvider, LayoutHeader, LayoutTabs };
|
|
32
|
+
//# sourceMappingURL=client.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"client.d.ts","names":[],"sources":["../../../src/layouts/docs/client.tsx"],"sourcesContent":[],"mappings":";;;;;;cAWa,eAEE,OAAA,CAFW;;;iBAIV,qBAAA;;;;EAJH,kBAEE,CAAA,EAAA,QAAA,GAAA,KAFW,GAAA,MAAA;EAIV,QAAA,EAKJ,SALI;CACd,CAAA,EAKD,mBAAA,CAAA,GAAA,CAAA,OALC;AACA,iBAsBc,YAAA,CAtBd,KAAA,EAsBkC,cAtBlC,CAAA,QAAA,CAAA,CAAA,EAsB0D,mBAAA,CAAA,GAAA,CAAA,OAtB1D;AAGU,iBA6BI,UAAA,CA7BJ;EAAA,SAAA;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA6ByD,cA7BzD,CAAA,KAAA,CAAA,CAAA,EA6B8E,mBAAA,CAAA,GAAA,CAAA,OA7B9E;AACX,iBA0De,UAAA,CA1Df;EAAA,OAAA;EAAA,GAAA;AAkBD,CAlBC,EA6DE,cA7DF,CAAA,KAAA,CAAA,GAAA;EAAA,OAAA,EA8DU,UA9DV,EAAA;AAkBD,CAAA,CAAA,EA6CC,mBAAA,CAAA,GAAA,CAAA,OA7CmC"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { useSidebar } from "../../components/sidebar/base.js";
|
|
4
|
+
import { isTabActive } from "../../components/sidebar/tabs/dropdown.js";
|
|
5
|
+
import Link from "@hanzo/docs-core/link";
|
|
6
|
+
import { usePathname } from "@hanzo/docs-core/framework";
|
|
7
|
+
import { cn } from "@hanzo/docs-ui/cn";
|
|
8
|
+
import { jsx } from "react/jsx-runtime";
|
|
9
|
+
import { createContext, use, useMemo } from "react";
|
|
10
|
+
import { useIsScrollTop } from "@hanzo/docs-ui/hooks/use-is-scroll-top";
|
|
11
|
+
|
|
12
|
+
//#region src/layouts/docs/client.tsx
|
|
13
|
+
const LayoutContext = createContext(null);
|
|
14
|
+
function LayoutContextProvider({ navTransparentMode = "none", children }) {
|
|
15
|
+
const isTop = useIsScrollTop({ enabled: navTransparentMode === "top" }) ?? true;
|
|
16
|
+
const isNavTransparent = navTransparentMode === "top" ? isTop : navTransparentMode === "always";
|
|
17
|
+
return /* @__PURE__ */ jsx(LayoutContext, {
|
|
18
|
+
value: useMemo(() => ({ isNavTransparent }), [isNavTransparent]),
|
|
19
|
+
children
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
function LayoutHeader(props) {
|
|
23
|
+
const { isNavTransparent } = use(LayoutContext);
|
|
24
|
+
return /* @__PURE__ */ jsx("header", {
|
|
25
|
+
"data-transparent": isNavTransparent,
|
|
26
|
+
...props,
|
|
27
|
+
children: props.children
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
function LayoutBody({ className, style, children, ...props }) {
|
|
31
|
+
const { collapsed } = useSidebar();
|
|
32
|
+
return /* @__PURE__ */ jsx("div", {
|
|
33
|
+
id: "nd-docs-layout",
|
|
34
|
+
className: cn("grid transition-[grid-template-columns] overflow-x-clip min-h-(--fd-docs-height) auto-cols-auto auto-rows-auto [--fd-docs-height:100dvh] [--fd-header-height:0px] [--fd-toc-popover-height:0px] [--fd-sidebar-width:0px] [--fd-toc-width:0px]", className),
|
|
35
|
+
"data-sidebar-collapsed": collapsed,
|
|
36
|
+
style: {
|
|
37
|
+
gridTemplate: `"sidebar header toc"
|
|
38
|
+
"sidebar toc-popover toc"
|
|
39
|
+
"sidebar main toc" 1fr / minmax(var(--fd-sidebar-col), 1fr) minmax(0, calc(var(--fd-layout-width,97rem) - var(--fd-sidebar-width) - var(--fd-toc-width))) minmax(min-content, 1fr)`,
|
|
40
|
+
"--fd-docs-row-1": "var(--fd-banner-height, 0px)",
|
|
41
|
+
"--fd-docs-row-2": "calc(var(--fd-docs-row-1) + var(--fd-header-height))",
|
|
42
|
+
"--fd-docs-row-3": "calc(var(--fd-docs-row-2) + var(--fd-toc-popover-height))",
|
|
43
|
+
"--fd-sidebar-col": collapsed ? "0px" : "var(--fd-sidebar-width)",
|
|
44
|
+
...style
|
|
45
|
+
},
|
|
46
|
+
...props,
|
|
47
|
+
children
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
function LayoutTabs({ options, ...props }) {
|
|
51
|
+
const pathname = usePathname();
|
|
52
|
+
const selected = useMemo(() => {
|
|
53
|
+
return options.findLast((option) => isTabActive(option, pathname));
|
|
54
|
+
}, [options, pathname]);
|
|
55
|
+
return /* @__PURE__ */ jsx("div", {
|
|
56
|
+
...props,
|
|
57
|
+
className: cn("flex flex-row items-end gap-6 overflow-auto [grid-area:main]", props.className),
|
|
58
|
+
children: options.map((option, i) => /* @__PURE__ */ jsx(Link, {
|
|
59
|
+
href: option.url,
|
|
60
|
+
className: cn("inline-flex border-b-2 border-transparent transition-colors items-center pb-1.5 font-medium gap-2 text-fd-muted-foreground text-sm text-nowrap hover:text-fd-accent-foreground", option.unlisted && selected !== option && "hidden", selected === option && "border-fd-primary text-fd-primary"),
|
|
61
|
+
children: option.title
|
|
62
|
+
}, i))
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
//#endregion
|
|
67
|
+
export { LayoutBody, LayoutContext, LayoutContextProvider, LayoutHeader, LayoutTabs };
|
|
68
|
+
//# sourceMappingURL=client.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"client.js","names":[],"sources":["../../../src/layouts/docs/client.tsx"],"sourcesContent":["'use client';\n\nimport { type ComponentProps, createContext, type ReactNode, use, useMemo } from 'react';\nimport { cn } from '@hanzo/docs-ui/cn';\nimport { useSidebar } from '@/components/sidebar/base';\nimport { usePathname } from '@hanzo/docs-core/framework';\nimport Link from '@hanzo/docs-core/link';\nimport type { SidebarTab } from '@/components/sidebar/tabs';\nimport { isTabActive } from '@/components/sidebar/tabs/dropdown';\nimport { useIsScrollTop } from '@hanzo/docs-ui/hooks/use-is-scroll-top';\n\nexport const LayoutContext = createContext<{\n isNavTransparent: boolean;\n} | null>(null);\n\nexport function LayoutContextProvider({\n navTransparentMode = 'none',\n children,\n}: {\n navTransparentMode?: 'always' | 'top' | 'none';\n children: ReactNode;\n}) {\n const isTop = useIsScrollTop({ enabled: navTransparentMode === 'top' }) ?? true;\n const isNavTransparent = navTransparentMode === 'top' ? isTop : navTransparentMode === 'always';\n\n return (\n <LayoutContext\n value={useMemo(\n () => ({\n isNavTransparent,\n }),\n [isNavTransparent],\n )}\n >\n {children}\n </LayoutContext>\n );\n}\n\nexport function LayoutHeader(props: ComponentProps<'header'>) {\n const { isNavTransparent } = use(LayoutContext)!;\n\n return (\n <header data-transparent={isNavTransparent} {...props}>\n {props.children}\n </header>\n );\n}\n\nexport function LayoutBody({ className, style, children, ...props }: ComponentProps<'div'>) {\n const { collapsed } = useSidebar();\n\n return (\n <div\n id=\"nd-docs-layout\"\n className={cn(\n 'grid transition-[grid-template-columns] overflow-x-clip min-h-(--fd-docs-height) auto-cols-auto auto-rows-auto [--fd-docs-height:100dvh] [--fd-header-height:0px] [--fd-toc-popover-height:0px] [--fd-sidebar-width:0px] [--fd-toc-width:0px]',\n className,\n )}\n data-sidebar-collapsed={collapsed}\n style={\n {\n gridTemplate: `\"sidebar header toc\"\n \"sidebar toc-popover toc\"\n \"sidebar main toc\" 1fr / minmax(var(--fd-sidebar-col), 1fr) minmax(0, calc(var(--fd-layout-width,97rem) - var(--fd-sidebar-width) - var(--fd-toc-width))) minmax(min-content, 1fr)`,\n '--fd-docs-row-1': 'var(--fd-banner-height, 0px)',\n '--fd-docs-row-2': 'calc(var(--fd-docs-row-1) + var(--fd-header-height))',\n '--fd-docs-row-3': 'calc(var(--fd-docs-row-2) + var(--fd-toc-popover-height))',\n '--fd-sidebar-col': collapsed ? '0px' : 'var(--fd-sidebar-width)',\n ...style,\n } as object\n }\n {...props}\n >\n {children}\n </div>\n );\n}\n\nexport function LayoutTabs({\n options,\n ...props\n}: ComponentProps<'div'> & {\n options: SidebarTab[];\n}) {\n const pathname = usePathname();\n const selected = useMemo(() => {\n return options.findLast((option) => isTabActive(option, pathname));\n }, [options, pathname]);\n\n return (\n <div\n {...props}\n className={cn(\n 'flex flex-row items-end gap-6 overflow-auto [grid-area:main]',\n props.className,\n )}\n >\n {options.map((option, i) => (\n <Link\n key={i}\n href={option.url}\n className={cn(\n 'inline-flex border-b-2 border-transparent transition-colors items-center pb-1.5 font-medium gap-2 text-fd-muted-foreground text-sm text-nowrap hover:text-fd-accent-foreground',\n option.unlisted && selected !== option && 'hidden',\n selected === option && 'border-fd-primary text-fd-primary',\n )}\n >\n {option.title}\n </Link>\n ))}\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,gBAAgB,cAEnB,KAAK;AAEf,SAAgB,sBAAsB,EACpC,qBAAqB,QACrB,YAIC;CACD,MAAM,QAAQ,eAAe,EAAE,SAAS,uBAAuB,OAAO,CAAC,IAAI;CAC3E,MAAM,mBAAmB,uBAAuB,QAAQ,QAAQ,uBAAuB;AAEvF,QACE,oBAAC;EACC,OAAO,eACE,EACL,kBACD,GACD,CAAC,iBAAiB,CACnB;EAEA;GACa;;AAIpB,SAAgB,aAAa,OAAiC;CAC5D,MAAM,EAAE,qBAAqB,IAAI,cAAc;AAE/C,QACE,oBAAC;EAAO,oBAAkB;EAAkB,GAAI;YAC7C,MAAM;GACA;;AAIb,SAAgB,WAAW,EAAE,WAAW,OAAO,UAAU,GAAG,SAAgC;CAC1F,MAAM,EAAE,cAAc,YAAY;AAElC,QACE,oBAAC;EACC,IAAG;EACH,WAAW,GACT,iPACA,UACD;EACD,0BAAwB;EACxB,OACE;GACE,cAAc;;;GAGd,mBAAmB;GACnB,mBAAmB;GACnB,mBAAmB;GACnB,oBAAoB,YAAY,QAAQ;GACxC,GAAG;GACJ;EAEH,GAAI;EAEH;GACG;;AAIV,SAAgB,WAAW,EACzB,SACA,GAAG,SAGF;CACD,MAAM,WAAW,aAAa;CAC9B,MAAM,WAAW,cAAc;AAC7B,SAAO,QAAQ,UAAU,WAAW,YAAY,QAAQ,SAAS,CAAC;IACjE,CAAC,SAAS,SAAS,CAAC;AAEvB,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GACT,gEACA,MAAM,UACP;YAEA,QAAQ,KAAK,QAAQ,MACpB,oBAAC;GAEC,MAAM,OAAO;GACb,WAAW,GACT,kLACA,OAAO,YAAY,aAAa,UAAU,UAC1C,aAAa,UAAU,oCACxB;aAEA,OAAO;KARH,EASA,CACP;GACE"}
|