@epilot/volt-ui 1.1.5 → 1.1.7-alpha.1
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/dist/components/button/index.d.ts +1 -0
- package/dist/components/field/field-select.d.ts +4 -1
- package/dist/components/spinner/spinner.d.ts +2 -2
- package/dist/index.es.js +137 -11813
- package/dist/index.es.js.map +1 -0
- package/dist/index.es10.js +35 -0
- package/dist/index.es10.js.map +1 -0
- package/dist/index.es100.js +14 -0
- package/dist/index.es100.js.map +1 -0
- package/dist/index.es101.js +20 -0
- package/dist/index.es101.js.map +1 -0
- package/dist/index.es102.js +103 -0
- package/dist/index.es102.js.map +1 -0
- package/dist/index.es103.js +12 -0
- package/dist/index.es103.js.map +1 -0
- package/dist/index.es104.js +30 -0
- package/dist/index.es104.js.map +1 -0
- package/dist/index.es105.js +38 -0
- package/dist/index.es105.js.map +1 -0
- package/dist/index.es106.js +17 -0
- package/dist/index.es106.js.map +1 -0
- package/dist/index.es107.js +49 -0
- package/dist/index.es107.js.map +1 -0
- package/dist/index.es108.js +10 -0
- package/dist/index.es108.js.map +1 -0
- package/dist/index.es11.js +318 -0
- package/dist/index.es11.js.map +1 -0
- package/dist/index.es12.js +274 -0
- package/dist/index.es12.js.map +1 -0
- package/dist/index.es13.js +38 -0
- package/dist/index.es13.js.map +1 -0
- package/dist/index.es14.js +48 -0
- package/dist/index.es14.js.map +1 -0
- package/dist/index.es15.js +67 -0
- package/dist/index.es15.js.map +1 -0
- package/dist/index.es16.js +120 -0
- package/dist/index.es16.js.map +1 -0
- package/dist/index.es17.js +27 -0
- package/dist/index.es17.js.map +1 -0
- package/dist/index.es18.js +51 -0
- package/dist/index.es18.js.map +1 -0
- package/dist/index.es19.js +168 -0
- package/dist/index.es19.js.map +1 -0
- package/dist/index.es20.js +55 -0
- package/dist/index.es20.js.map +1 -0
- package/dist/index.es21.js +61 -0
- package/dist/index.es21.js.map +1 -0
- package/dist/index.es22.js +86 -0
- package/dist/index.es22.js.map +1 -0
- package/dist/index.es23.js +195 -0
- package/dist/index.es23.js.map +1 -0
- package/dist/index.es24.js +105 -0
- package/dist/index.es24.js.map +1 -0
- package/dist/index.es25.js +146 -0
- package/dist/index.es25.js.map +1 -0
- package/dist/index.es26.js +92 -0
- package/dist/index.es26.js.map +1 -0
- package/dist/index.es27.js +80 -0
- package/dist/index.es27.js.map +1 -0
- package/dist/index.es28.js +94 -0
- package/dist/index.es28.js.map +1 -0
- package/dist/index.es29.js +82 -0
- package/dist/index.es29.js.map +1 -0
- package/dist/index.es30.js +1087 -0
- package/dist/index.es30.js.map +1 -0
- package/dist/index.es31.js +18 -0
- package/dist/index.es31.js.map +1 -0
- package/dist/index.es32.js +3015 -0
- package/dist/index.es32.js.map +1 -0
- package/dist/index.es33.js +107 -0
- package/dist/index.es33.js.map +1 -0
- package/dist/index.es34.js +46 -0
- package/dist/index.es34.js.map +1 -0
- package/dist/index.es35.js +151 -0
- package/dist/index.es35.js.map +1 -0
- package/dist/index.es36.js +1200 -0
- package/dist/index.es36.js.map +1 -0
- package/dist/index.es37.js +27 -0
- package/dist/index.es37.js.map +1 -0
- package/dist/index.es38.js +493 -0
- package/dist/index.es38.js.map +1 -0
- package/dist/index.es39.js +156 -0
- package/dist/index.es39.js.map +1 -0
- package/dist/index.es4.js +9 -0
- package/dist/index.es4.js.map +1 -0
- package/dist/index.es40.js +31 -0
- package/dist/index.es40.js.map +1 -0
- package/dist/index.es41.js +314 -0
- package/dist/index.es41.js.map +1 -0
- package/dist/index.es42.js +343 -0
- package/dist/index.es42.js.map +1 -0
- package/dist/index.es43.js +280 -0
- package/dist/index.es43.js.map +1 -0
- package/dist/index.es44.js +289 -0
- package/dist/index.es44.js.map +1 -0
- package/dist/index.es45.js +319 -0
- package/dist/index.es45.js.map +1 -0
- package/dist/index.es46.js +167 -0
- package/dist/index.es46.js.map +1 -0
- package/dist/index.es47.js +195 -0
- package/dist/index.es47.js.map +1 -0
- package/dist/index.es48.js +40 -0
- package/dist/index.es48.js.map +1 -0
- package/dist/index.es49.js +40 -0
- package/dist/index.es49.js.map +1 -0
- package/dist/index.es5.js +57 -0
- package/dist/index.es5.js.map +1 -0
- package/dist/index.es50.js +12 -0
- package/dist/index.es50.js.map +1 -0
- package/dist/index.es51.js +82 -0
- package/dist/index.es51.js.map +1 -0
- package/dist/index.es52.js +72 -0
- package/dist/index.es52.js.map +1 -0
- package/dist/index.es53.js +15 -0
- package/dist/index.es53.js.map +1 -0
- package/dist/index.es54.js +40 -0
- package/dist/index.es54.js.map +1 -0
- package/dist/index.es55.js +44 -0
- package/dist/index.es55.js.map +1 -0
- package/dist/index.es56.js +71 -0
- package/dist/index.es56.js.map +1 -0
- package/dist/index.es57.js +152 -0
- package/dist/index.es57.js.map +1 -0
- package/dist/index.es58.js +15 -0
- package/dist/index.es58.js.map +1 -0
- package/dist/index.es59.js +11 -0
- package/dist/index.es59.js.map +1 -0
- package/dist/index.es6.js +77 -0
- package/dist/index.es6.js.map +1 -0
- package/dist/index.es60.js +130 -0
- package/dist/index.es60.js.map +1 -0
- package/dist/index.es61.js +213 -0
- package/dist/index.es61.js.map +1 -0
- package/dist/index.es62.js +294 -0
- package/dist/index.es62.js.map +1 -0
- package/dist/index.es63.js +16 -0
- package/dist/index.es63.js.map +1 -0
- package/dist/index.es64.js +37 -0
- package/dist/index.es64.js.map +1 -0
- package/dist/index.es65.js +228 -0
- package/dist/index.es65.js.map +1 -0
- package/dist/index.es66.js +209 -0
- package/dist/index.es66.js.map +1 -0
- package/dist/index.es67.js +19 -0
- package/dist/index.es67.js.map +1 -0
- package/dist/index.es68.js +30 -0
- package/dist/index.es68.js.map +1 -0
- package/dist/index.es69.js +12 -0
- package/dist/index.es69.js.map +1 -0
- package/dist/index.es7.js +200 -0
- package/dist/index.es7.js.map +1 -0
- package/dist/index.es70.js +123 -0
- package/dist/index.es70.js.map +1 -0
- package/dist/index.es71.js +90 -0
- package/dist/index.es71.js.map +1 -0
- package/dist/index.es72.js +7 -0
- package/dist/index.es72.js.map +1 -0
- package/dist/index.es73.js +90 -0
- package/dist/index.es73.js.map +1 -0
- package/dist/index.es74.js +15 -0
- package/dist/index.es74.js.map +1 -0
- package/dist/index.es75.js +7 -0
- package/dist/index.es75.js.map +1 -0
- package/dist/index.es76.js +40 -0
- package/dist/index.es76.js.map +1 -0
- package/dist/index.es77.js +90 -0
- package/dist/index.es77.js.map +1 -0
- package/dist/index.es78.js +313 -0
- package/dist/index.es78.js.map +1 -0
- package/dist/index.es79.js +16 -0
- package/dist/index.es79.js.map +1 -0
- package/dist/index.es8.js +47 -0
- package/dist/index.es8.js.map +1 -0
- package/dist/index.es80.js +90 -0
- package/dist/index.es80.js.map +1 -0
- package/dist/index.es81.js +18 -0
- package/dist/index.es81.js.map +1 -0
- package/dist/index.es82.js +298 -0
- package/dist/index.es82.js.map +1 -0
- package/dist/index.es83.js +26 -0
- package/dist/index.es83.js.map +1 -0
- package/dist/index.es84.js +626 -0
- package/dist/index.es84.js.map +1 -0
- package/dist/index.es85.js +19 -0
- package/dist/index.es85.js.map +1 -0
- package/dist/index.es86.js +40 -0
- package/dist/index.es86.js.map +1 -0
- package/dist/index.es87.js +40 -0
- package/dist/index.es87.js.map +1 -0
- package/dist/index.es88.js +39 -0
- package/dist/index.es88.js.map +1 -0
- package/dist/index.es89.js +8 -0
- package/dist/index.es89.js.map +1 -0
- package/dist/index.es9.js +37 -0
- package/dist/index.es9.js.map +1 -0
- package/dist/index.es90.js +722 -0
- package/dist/index.es90.js.map +1 -0
- package/dist/index.es91.js +155 -0
- package/dist/index.es91.js.map +1 -0
- package/dist/index.es92.js +174 -0
- package/dist/index.es92.js.map +1 -0
- package/dist/index.es93.js +11 -0
- package/dist/index.es93.js.map +1 -0
- package/dist/index.es94.js +6 -0
- package/dist/index.es94.js.map +1 -0
- package/dist/index.es95.js +36 -0
- package/dist/index.es95.js.map +1 -0
- package/dist/index.es96.js +175 -0
- package/dist/index.es96.js.map +1 -0
- package/dist/index.es97.js +22 -0
- package/dist/index.es97.js.map +1 -0
- package/dist/index.es98.js +89 -0
- package/dist/index.es98.js.map +1 -0
- package/dist/index.es99.js +48 -0
- package/dist/index.es99.js.map +1 -0
- package/dist/preflight.css +241 -1
- package/dist/style.css +7393 -1
- package/package.json +1 -4
- package/dist/index.cjs.js +0 -51
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.es45.js","sources":["../docs/node_modules/.bun/@radix-ui+react-accordion@1.2.12+98e41321d0e6b3fa/node_modules/@radix-ui/react-accordion/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// src/accordion.tsx\nimport React from \"react\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { createCollection } from \"@radix-ui/react-collection\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\nimport { createCollapsibleScope } from \"@radix-ui/react-collapsible\";\nimport { useId } from \"@radix-ui/react-id\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { jsx } from \"react/jsx-runtime\";\nvar ACCORDION_NAME = \"Accordion\";\nvar ACCORDION_KEYS = [\"Home\", \"End\", \"ArrowDown\", \"ArrowUp\", \"ArrowLeft\", \"ArrowRight\"];\nvar [Collection, useCollection, createCollectionScope] = createCollection(ACCORDION_NAME);\nvar [createAccordionContext, createAccordionScope] = createContextScope(ACCORDION_NAME, [\n createCollectionScope,\n createCollapsibleScope\n]);\nvar useCollapsibleScope = createCollapsibleScope();\nvar Accordion = React.forwardRef(\n (props, forwardedRef) => {\n const { type, ...accordionProps } = props;\n const singleProps = accordionProps;\n const multipleProps = accordionProps;\n return /* @__PURE__ */ jsx(Collection.Provider, { scope: props.__scopeAccordion, children: type === \"multiple\" ? /* @__PURE__ */ jsx(AccordionImplMultiple, { ...multipleProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(AccordionImplSingle, { ...singleProps, ref: forwardedRef }) });\n }\n);\nAccordion.displayName = ACCORDION_NAME;\nvar [AccordionValueProvider, useAccordionValueContext] = createAccordionContext(ACCORDION_NAME);\nvar [AccordionCollapsibleProvider, useAccordionCollapsibleContext] = createAccordionContext(\n ACCORDION_NAME,\n { collapsible: false }\n);\nvar AccordionImplSingle = React.forwardRef(\n (props, forwardedRef) => {\n const {\n value: valueProp,\n defaultValue,\n onValueChange = () => {\n },\n collapsible = false,\n ...accordionSingleProps\n } = props;\n const [value, setValue] = useControllableState({\n prop: valueProp,\n defaultProp: defaultValue ?? \"\",\n onChange: onValueChange,\n caller: ACCORDION_NAME\n });\n return /* @__PURE__ */ jsx(\n AccordionValueProvider,\n {\n scope: props.__scopeAccordion,\n value: React.useMemo(() => value ? [value] : [], [value]),\n onItemOpen: setValue,\n onItemClose: React.useCallback(() => collapsible && setValue(\"\"), [collapsible, setValue]),\n children: /* @__PURE__ */ jsx(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible, children: /* @__PURE__ */ jsx(AccordionImpl, { ...accordionSingleProps, ref: forwardedRef }) })\n }\n );\n }\n);\nvar AccordionImplMultiple = React.forwardRef((props, forwardedRef) => {\n const {\n value: valueProp,\n defaultValue,\n onValueChange = () => {\n },\n ...accordionMultipleProps\n } = props;\n const [value, setValue] = useControllableState({\n prop: valueProp,\n defaultProp: defaultValue ?? [],\n onChange: onValueChange,\n caller: ACCORDION_NAME\n });\n const handleItemOpen = React.useCallback(\n (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),\n [setValue]\n );\n const handleItemClose = React.useCallback(\n (itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),\n [setValue]\n );\n return /* @__PURE__ */ jsx(\n AccordionValueProvider,\n {\n scope: props.__scopeAccordion,\n value,\n onItemOpen: handleItemOpen,\n onItemClose: handleItemClose,\n children: /* @__PURE__ */ jsx(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible: true, children: /* @__PURE__ */ jsx(AccordionImpl, { ...accordionMultipleProps, ref: forwardedRef }) })\n }\n );\n});\nvar [AccordionImplProvider, useAccordionContext] = createAccordionContext(ACCORDION_NAME);\nvar AccordionImpl = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeAccordion, disabled, dir, orientation = \"vertical\", ...accordionProps } = props;\n const accordionRef = React.useRef(null);\n const composedRefs = useComposedRefs(accordionRef, forwardedRef);\n const getItems = useCollection(__scopeAccordion);\n const direction = useDirection(dir);\n const isDirectionLTR = direction === \"ltr\";\n const handleKeyDown = composeEventHandlers(props.onKeyDown, (event) => {\n if (!ACCORDION_KEYS.includes(event.key)) return;\n const target = event.target;\n const triggerCollection = getItems().filter((item) => !item.ref.current?.disabled);\n const triggerIndex = triggerCollection.findIndex((item) => item.ref.current === target);\n const triggerCount = triggerCollection.length;\n if (triggerIndex === -1) return;\n event.preventDefault();\n let nextIndex = triggerIndex;\n const homeIndex = 0;\n const endIndex = triggerCount - 1;\n const moveNext = () => {\n nextIndex = triggerIndex + 1;\n if (nextIndex > endIndex) {\n nextIndex = homeIndex;\n }\n };\n const movePrev = () => {\n nextIndex = triggerIndex - 1;\n if (nextIndex < homeIndex) {\n nextIndex = endIndex;\n }\n };\n switch (event.key) {\n case \"Home\":\n nextIndex = homeIndex;\n break;\n case \"End\":\n nextIndex = endIndex;\n break;\n case \"ArrowRight\":\n if (orientation === \"horizontal\") {\n if (isDirectionLTR) {\n moveNext();\n } else {\n movePrev();\n }\n }\n break;\n case \"ArrowDown\":\n if (orientation === \"vertical\") {\n moveNext();\n }\n break;\n case \"ArrowLeft\":\n if (orientation === \"horizontal\") {\n if (isDirectionLTR) {\n movePrev();\n } else {\n moveNext();\n }\n }\n break;\n case \"ArrowUp\":\n if (orientation === \"vertical\") {\n movePrev();\n }\n break;\n }\n const clampedIndex = nextIndex % triggerCount;\n triggerCollection[clampedIndex].ref.current?.focus();\n });\n return /* @__PURE__ */ jsx(\n AccordionImplProvider,\n {\n scope: __scopeAccordion,\n disabled,\n direction: dir,\n orientation,\n children: /* @__PURE__ */ jsx(Collection.Slot, { scope: __scopeAccordion, children: /* @__PURE__ */ jsx(\n Primitive.div,\n {\n ...accordionProps,\n \"data-orientation\": orientation,\n ref: composedRefs,\n onKeyDown: disabled ? void 0 : handleKeyDown\n }\n ) })\n }\n );\n }\n);\nvar ITEM_NAME = \"AccordionItem\";\nvar [AccordionItemProvider, useAccordionItemContext] = createAccordionContext(ITEM_NAME);\nvar AccordionItem = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeAccordion, value, ...accordionItemProps } = props;\n const accordionContext = useAccordionContext(ITEM_NAME, __scopeAccordion);\n const valueContext = useAccordionValueContext(ITEM_NAME, __scopeAccordion);\n const collapsibleScope = useCollapsibleScope(__scopeAccordion);\n const triggerId = useId();\n const open = value && valueContext.value.includes(value) || false;\n const disabled = accordionContext.disabled || props.disabled;\n return /* @__PURE__ */ jsx(\n AccordionItemProvider,\n {\n scope: __scopeAccordion,\n open,\n disabled,\n triggerId,\n children: /* @__PURE__ */ jsx(\n CollapsiblePrimitive.Root,\n {\n \"data-orientation\": accordionContext.orientation,\n \"data-state\": getState(open),\n ...collapsibleScope,\n ...accordionItemProps,\n ref: forwardedRef,\n disabled,\n open,\n onOpenChange: (open2) => {\n if (open2) {\n valueContext.onItemOpen(value);\n } else {\n valueContext.onItemClose(value);\n }\n }\n }\n )\n }\n );\n }\n);\nAccordionItem.displayName = ITEM_NAME;\nvar HEADER_NAME = \"AccordionHeader\";\nvar AccordionHeader = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeAccordion, ...headerProps } = props;\n const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);\n const itemContext = useAccordionItemContext(HEADER_NAME, __scopeAccordion);\n return /* @__PURE__ */ jsx(\n Primitive.h3,\n {\n \"data-orientation\": accordionContext.orientation,\n \"data-state\": getState(itemContext.open),\n \"data-disabled\": itemContext.disabled ? \"\" : void 0,\n ...headerProps,\n ref: forwardedRef\n }\n );\n }\n);\nAccordionHeader.displayName = HEADER_NAME;\nvar TRIGGER_NAME = \"AccordionTrigger\";\nvar AccordionTrigger = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeAccordion, ...triggerProps } = props;\n const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);\n const itemContext = useAccordionItemContext(TRIGGER_NAME, __scopeAccordion);\n const collapsibleContext = useAccordionCollapsibleContext(TRIGGER_NAME, __scopeAccordion);\n const collapsibleScope = useCollapsibleScope(__scopeAccordion);\n return /* @__PURE__ */ jsx(Collection.ItemSlot, { scope: __scopeAccordion, children: /* @__PURE__ */ jsx(\n CollapsiblePrimitive.Trigger,\n {\n \"aria-disabled\": itemContext.open && !collapsibleContext.collapsible || void 0,\n \"data-orientation\": accordionContext.orientation,\n id: itemContext.triggerId,\n ...collapsibleScope,\n ...triggerProps,\n ref: forwardedRef\n }\n ) });\n }\n);\nAccordionTrigger.displayName = TRIGGER_NAME;\nvar CONTENT_NAME = \"AccordionContent\";\nvar AccordionContent = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeAccordion, ...contentProps } = props;\n const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);\n const itemContext = useAccordionItemContext(CONTENT_NAME, __scopeAccordion);\n const collapsibleScope = useCollapsibleScope(__scopeAccordion);\n return /* @__PURE__ */ jsx(\n CollapsiblePrimitive.Content,\n {\n role: \"region\",\n \"aria-labelledby\": itemContext.triggerId,\n \"data-orientation\": accordionContext.orientation,\n ...collapsibleScope,\n ...contentProps,\n ref: forwardedRef,\n style: {\n [\"--radix-accordion-content-height\"]: \"var(--radix-collapsible-content-height)\",\n [\"--radix-accordion-content-width\"]: \"var(--radix-collapsible-content-width)\",\n ...props.style\n }\n }\n );\n }\n);\nAccordionContent.displayName = CONTENT_NAME;\nfunction getState(open) {\n return open ? \"open\" : \"closed\";\n}\nvar Root2 = Accordion;\nvar Item = AccordionItem;\nvar Header = AccordionHeader;\nvar Trigger2 = AccordionTrigger;\nvar Content2 = AccordionContent;\nexport {\n Accordion,\n AccordionContent,\n AccordionHeader,\n AccordionItem,\n AccordionTrigger,\n Content2 as Content,\n Header,\n Item,\n Root2 as Root,\n Trigger2 as Trigger,\n createAccordionScope\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["React","_a","CollapsiblePrimitive.Root","CollapsiblePrimitive.Trigger","CollapsiblePrimitive.Content"],"mappings":";;;;;;;;;;;AAeA,IAAI,iBAAiB;AACrB,IAAI,iBAAiB,CAAC,QAAQ,OAAO,aAAa,WAAW,aAAa,YAAY;AACtF,IAAI,CAAC,YAAY,eAAe,qBAAqB,IAAI,iBAAiB,cAAc;AACxF,IAAI,CAAC,sBAA4C,IAAI,mBAAmB,gBAAgB;AAAA,EACtF;AAAA,EACA;AACF,CAAC;AACD,IAAI,sBAAsB,uBAAsB;AAC7C,IAAC,YAAYA,eAAM;AAAA,EACpB,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,MAAM,GAAG,eAAc,IAAK;AACpC,UAAM,cAAc;AACpB,UAAM,gBAAgB;AACtB,WAAuB,oBAAI,WAAW,UAAU,EAAE,OAAO,MAAM,kBAAkB,UAAU,SAAS,aAA6B,oBAAI,uBAAuB,EAAE,GAAG,eAAe,KAAK,aAAY,CAAE,IAAoB,oBAAI,qBAAqB,EAAE,GAAG,aAAa,KAAK,aAAY,CAAE,EAAC,CAAE;AAAA,EAC1R;AACF;AACA,UAAU,cAAc;AACxB,IAAI,CAAC,wBAAwB,wBAAwB,IAAI,uBAAuB,cAAc;AAC9F,IAAI,CAAC,8BAA8B,8BAA8B,IAAI;AAAA,EACnE;AAAA,EACA,EAAE,aAAa,MAAK;AACtB;AACA,IAAI,sBAAsBA,eAAM;AAAA,EAC9B,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ,OAAO;AAAA,MACP;AAAA,MACA,gBAAgB,MAAM;AAAA,MACtB;AAAA,MACA,cAAc;AAAA,MACd,GAAG;AAAA,IACT,IAAQ;AACJ,UAAM,CAAC,OAAO,QAAQ,IAAI,qBAAqB;AAAA,MAC7C,MAAM;AAAA,MACN,aAAa,gBAAgB;AAAA,MAC7B,UAAU;AAAA,MACV,QAAQ;AAAA,IACd,CAAK;AACD,WAAuB;AAAA,MACrB;AAAA,MACA;AAAA,QACE,OAAO,MAAM;AAAA,QACb,OAAOA,eAAM,QAAQ,MAAM,QAAQ,CAAC,KAAK,IAAI,CAAA,GAAI,CAAC,KAAK,CAAC;AAAA,QACxD,YAAY;AAAA,QACZ,aAAaA,eAAM,YAAY,MAAM,eAAe,SAAS,EAAE,GAAG,CAAC,aAAa,QAAQ,CAAC;AAAA,QACzF,UAA0B,oBAAI,8BAA8B,EAAE,OAAO,MAAM,kBAAkB,aAAa,UAA0B,oBAAI,eAAe,EAAE,GAAG,sBAAsB,KAAK,aAAY,CAAE,EAAC,CAAE;AAAA,MAChN;AAAA,IACA;AAAA,EACE;AACF;AACA,IAAI,wBAAwBA,eAAM,WAAW,CAAC,OAAO,iBAAiB;AACpE,QAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA,gBAAgB,MAAM;AAAA,IACtB;AAAA,IACA,GAAG;AAAA,EACP,IAAM;AACJ,QAAM,CAAC,OAAO,QAAQ,IAAI,qBAAqB;AAAA,IAC7C,MAAM;AAAA,IACN,aAAa,gBAAgB,CAAA;AAAA,IAC7B,UAAU;AAAA,IACV,QAAQ;AAAA,EACZ,CAAG;AACD,QAAM,iBAAiBA,eAAM;AAAA,IAC3B,CAAC,cAAc,SAAS,CAAC,YAAY,CAAA,MAAO,CAAC,GAAG,WAAW,SAAS,CAAC;AAAA,IACrE,CAAC,QAAQ;AAAA,EACb;AACE,QAAM,kBAAkBA,eAAM;AAAA,IAC5B,CAAC,cAAc,SAAS,CAAC,YAAY,CAAA,MAAO,UAAU,OAAO,CAAC,WAAW,WAAW,SAAS,CAAC;AAAA,IAC9F,CAAC,QAAQ;AAAA,EACb;AACE,SAAuB;AAAA,IACrB;AAAA,IACA;AAAA,MACE,OAAO,MAAM;AAAA,MACb;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,UAA0B,oBAAI,8BAA8B,EAAE,OAAO,MAAM,kBAAkB,aAAa,MAAM,UAA0B,oBAAI,eAAe,EAAE,GAAG,wBAAwB,KAAK,aAAY,CAAE,EAAC,CAAE;AAAA,IACtN;AAAA,EACA;AACA,CAAC;AACD,IAAI,CAAC,uBAAuB,mBAAmB,IAAI,uBAAuB,cAAc;AACxF,IAAI,gBAAgBA,eAAM;AAAA,EACxB,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,kBAAkB,UAAU,KAAK,cAAc,YAAY,GAAG,eAAc,IAAK;AACzF,UAAM,eAAeA,eAAM,OAAO,IAAI;AACtC,UAAM,eAAe,gBAAgB,cAAc,YAAY;AAC/D,UAAM,WAAW,cAAc,gBAAgB;AAC/C,UAAM,YAAY,aAAa,GAAG;AAClC,UAAM,iBAAiB,cAAc;AACrC,UAAM,gBAAgB,qBAAqB,MAAM,WAAW,CAAC,UAAU;;AACrE,UAAI,CAAC,eAAe,SAAS,MAAM,GAAG,EAAG;AACzC,YAAM,SAAS,MAAM;AACrB,YAAM,oBAAoB,SAAQ,EAAG,OAAO,CAAC,SAAI;;AAAK,kBAACC,MAAA,KAAK,IAAI,YAAT,gBAAAA,IAAkB;AAAA,OAAQ;AACjF,YAAM,eAAe,kBAAkB,UAAU,CAAC,SAAS,KAAK,IAAI,YAAY,MAAM;AACtF,YAAM,eAAe,kBAAkB;AACvC,UAAI,iBAAiB,GAAI;AACzB,YAAM,eAAc;AACpB,UAAI,YAAY;AAChB,YAAM,YAAY;AAClB,YAAM,WAAW,eAAe;AAChC,YAAM,WAAW,MAAM;AACrB,oBAAY,eAAe;AAC3B,YAAI,YAAY,UAAU;AACxB,sBAAY;AAAA,QACd;AAAA,MACF;AACA,YAAM,WAAW,MAAM;AACrB,oBAAY,eAAe;AAC3B,YAAI,YAAY,WAAW;AACzB,sBAAY;AAAA,QACd;AAAA,MACF;AACA,cAAQ,MAAM,KAAG;AAAA,QACf,KAAK;AACH,sBAAY;AACZ;AAAA,QACF,KAAK;AACH,sBAAY;AACZ;AAAA,QACF,KAAK;AACH,cAAI,gBAAgB,cAAc;AAChC,gBAAI,gBAAgB;AAClB,uBAAQ;AAAA,YACV,OAAO;AACL,uBAAQ;AAAA,YACV;AAAA,UACF;AACA;AAAA,QACF,KAAK;AACH,cAAI,gBAAgB,YAAY;AAC9B,qBAAQ;AAAA,UACV;AACA;AAAA,QACF,KAAK;AACH,cAAI,gBAAgB,cAAc;AAChC,gBAAI,gBAAgB;AAClB,uBAAQ;AAAA,YACV,OAAO;AACL,uBAAQ;AAAA,YACV;AAAA,UACF;AACA;AAAA,QACF,KAAK;AACH,cAAI,gBAAgB,YAAY;AAC9B,qBAAQ;AAAA,UACV;AACA;AAAA,MACV;AACM,YAAM,eAAe,YAAY;AACjC,8BAAkB,YAAY,EAAE,IAAI,YAApC,mBAA6C;AAAA,IAC/C,CAAC;AACD,WAAuB;AAAA,MACrB;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA,UAA0B,oBAAI,WAAW,MAAM,EAAE,OAAO,kBAAkB,UAA0B;AAAA,UAClG,UAAU;AAAA,UACV;AAAA,YACE,GAAG;AAAA,YACH,oBAAoB;AAAA,YACpB,KAAK;AAAA,YACL,WAAW,WAAW,SAAS;AAAA,UAC3C;AAAA,QACA,EAAS,CAAE;AAAA,MACX;AAAA,IACA;AAAA,EACE;AACF;AACA,IAAI,YAAY;AAChB,IAAI,CAAC,uBAAuB,uBAAuB,IAAI,uBAAuB,SAAS;AACpF,IAAC,gBAAgBD,eAAM;AAAA,EACxB,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,kBAAkB,OAAO,GAAG,mBAAkB,IAAK;AAC3D,UAAM,mBAAmB,oBAAoB,WAAW,gBAAgB;AACxE,UAAM,eAAe,yBAAyB,WAAW,gBAAgB;AACzE,UAAM,mBAAmB,oBAAoB,gBAAgB;AAC7D,UAAM,YAAY,MAAK;AACvB,UAAM,OAAO,SAAS,aAAa,MAAM,SAAS,KAAK,KAAK;AAC5D,UAAM,WAAW,iBAAiB,YAAY,MAAM;AACpD,WAAuB;AAAA,MACrB;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAA0B;AAAA,UACxBE;AAAAA,UACA;AAAA,YACE,oBAAoB,iBAAiB;AAAA,YACrC,cAAc,SAAS,IAAI;AAAA,YAC3B,GAAG;AAAA,YACH,GAAG;AAAA,YACH,KAAK;AAAA,YACL;AAAA,YACA;AAAA,YACA,cAAc,CAAC,UAAU;AACvB,kBAAI,OAAO;AACT,6BAAa,WAAW,KAAK;AAAA,cAC/B,OAAO;AACL,6BAAa,YAAY,KAAK;AAAA,cAChC;AAAA,YACF;AAAA,UACZ;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,EACE;AACF;AACA,cAAc,cAAc;AAC5B,IAAI,cAAc;AACf,IAAC,kBAAkBF,eAAM;AAAA,EAC1B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,kBAAkB,GAAG,YAAW,IAAK;AAC7C,UAAM,mBAAmB,oBAAoB,gBAAgB,gBAAgB;AAC7E,UAAM,cAAc,wBAAwB,aAAa,gBAAgB;AACzE,WAAuB;AAAA,MACrB,UAAU;AAAA,MACV;AAAA,QACE,oBAAoB,iBAAiB;AAAA,QACrC,cAAc,SAAS,YAAY,IAAI;AAAA,QACvC,iBAAiB,YAAY,WAAW,KAAK;AAAA,QAC7C,GAAG;AAAA,QACH,KAAK;AAAA,MACb;AAAA,IACA;AAAA,EACE;AACF;AACA,gBAAgB,cAAc;AAC9B,IAAI,eAAe;AAChB,IAAC,mBAAmBA,eAAM;AAAA,EAC3B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,kBAAkB,GAAG,aAAY,IAAK;AAC9C,UAAM,mBAAmB,oBAAoB,gBAAgB,gBAAgB;AAC7E,UAAM,cAAc,wBAAwB,cAAc,gBAAgB;AAC1E,UAAM,qBAAqB,+BAA+B,cAAc,gBAAgB;AACxF,UAAM,mBAAmB,oBAAoB,gBAAgB;AAC7D,WAAuB,oBAAI,WAAW,UAAU,EAAE,OAAO,kBAAkB,UAA0B;AAAA,MACnGG;AAAAA,MACA;AAAA,QACE,iBAAiB,YAAY,QAAQ,CAAC,mBAAmB,eAAe;AAAA,QACxE,oBAAoB,iBAAiB;AAAA,QACrC,IAAI,YAAY;AAAA,QAChB,GAAG;AAAA,QACH,GAAG;AAAA,QACH,KAAK;AAAA,MACb;AAAA,IACA,GAAO;AAAA,EACL;AACF;AACA,iBAAiB,cAAc;AAC/B,IAAI,eAAe;AAChB,IAAC,mBAAmBH,eAAM;AAAA,EAC3B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,kBAAkB,GAAG,aAAY,IAAK;AAC9C,UAAM,mBAAmB,oBAAoB,gBAAgB,gBAAgB;AAC7E,UAAM,cAAc,wBAAwB,cAAc,gBAAgB;AAC1E,UAAM,mBAAmB,oBAAoB,gBAAgB;AAC7D,WAAuB;AAAA,MACrBI;AAAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,mBAAmB,YAAY;AAAA,QAC/B,oBAAoB,iBAAiB;AAAA,QACrC,GAAG;AAAA,QACH,GAAG;AAAA,QACH,KAAK;AAAA,QACL,OAAO;AAAA,UACL,CAAC,kCAAkC,GAAG;AAAA,UACtC,CAAC,iCAAiC,GAAG;AAAA,UACrC,GAAG,MAAM;AAAA,QACnB;AAAA,MACA;AAAA,IACA;AAAA,EACE;AACF;AACA,iBAAiB,cAAc;AAC/B,SAAS,SAAS,MAAM;AACtB,SAAO,OAAO,SAAS;AACzB;AACG,IAAC,QAAQ;AACT,IAAC,OAAO;AACR,IAAC,SAAS;AACV,IAAC,WAAW;AACZ,IAAC,WAAW;","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { createContextScope } from "./index.es51.js";
|
|
3
|
+
import { useComposedRefs } from "./index.es48.js";
|
|
4
|
+
import { createDialogScope, Root, Portal, Overlay, Trigger, WarningProvider, Content, Title, Description, Close } from "./index.es42.js";
|
|
5
|
+
import { composeEventHandlers } from "./index.es50.js";
|
|
6
|
+
import { createSlottable } from "./index.es79.js";
|
|
7
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
8
|
+
var ROOT_NAME = "AlertDialog";
|
|
9
|
+
var [createAlertDialogContext] = createContextScope(ROOT_NAME, [
|
|
10
|
+
createDialogScope
|
|
11
|
+
]);
|
|
12
|
+
var useDialogScope = createDialogScope();
|
|
13
|
+
var AlertDialog = (props) => {
|
|
14
|
+
const { __scopeAlertDialog, ...alertDialogProps } = props;
|
|
15
|
+
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
16
|
+
return /* @__PURE__ */ jsx(Root, { ...dialogScope, ...alertDialogProps, modal: true });
|
|
17
|
+
};
|
|
18
|
+
AlertDialog.displayName = ROOT_NAME;
|
|
19
|
+
var TRIGGER_NAME = "AlertDialogTrigger";
|
|
20
|
+
var AlertDialogTrigger = React.forwardRef(
|
|
21
|
+
(props, forwardedRef) => {
|
|
22
|
+
const { __scopeAlertDialog, ...triggerProps } = props;
|
|
23
|
+
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
24
|
+
return /* @__PURE__ */ jsx(Trigger, { ...dialogScope, ...triggerProps, ref: forwardedRef });
|
|
25
|
+
}
|
|
26
|
+
);
|
|
27
|
+
AlertDialogTrigger.displayName = TRIGGER_NAME;
|
|
28
|
+
var PORTAL_NAME = "AlertDialogPortal";
|
|
29
|
+
var AlertDialogPortal = (props) => {
|
|
30
|
+
const { __scopeAlertDialog, ...portalProps } = props;
|
|
31
|
+
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
32
|
+
return /* @__PURE__ */ jsx(Portal, { ...dialogScope, ...portalProps });
|
|
33
|
+
};
|
|
34
|
+
AlertDialogPortal.displayName = PORTAL_NAME;
|
|
35
|
+
var OVERLAY_NAME = "AlertDialogOverlay";
|
|
36
|
+
var AlertDialogOverlay = React.forwardRef(
|
|
37
|
+
(props, forwardedRef) => {
|
|
38
|
+
const { __scopeAlertDialog, ...overlayProps } = props;
|
|
39
|
+
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
40
|
+
return /* @__PURE__ */ jsx(Overlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });
|
|
41
|
+
}
|
|
42
|
+
);
|
|
43
|
+
AlertDialogOverlay.displayName = OVERLAY_NAME;
|
|
44
|
+
var CONTENT_NAME = "AlertDialogContent";
|
|
45
|
+
var [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME);
|
|
46
|
+
var Slottable = createSlottable("AlertDialogContent");
|
|
47
|
+
var AlertDialogContent = React.forwardRef(
|
|
48
|
+
(props, forwardedRef) => {
|
|
49
|
+
const { __scopeAlertDialog, children, ...contentProps } = props;
|
|
50
|
+
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
51
|
+
const contentRef = React.useRef(null);
|
|
52
|
+
const composedRefs = useComposedRefs(forwardedRef, contentRef);
|
|
53
|
+
const cancelRef = React.useRef(null);
|
|
54
|
+
return /* @__PURE__ */ jsx(
|
|
55
|
+
WarningProvider,
|
|
56
|
+
{
|
|
57
|
+
contentName: CONTENT_NAME,
|
|
58
|
+
titleName: TITLE_NAME,
|
|
59
|
+
docsSlug: "alert-dialog",
|
|
60
|
+
children: /* @__PURE__ */ jsx(AlertDialogContentProvider, { scope: __scopeAlertDialog, cancelRef, children: /* @__PURE__ */ jsxs(
|
|
61
|
+
Content,
|
|
62
|
+
{
|
|
63
|
+
role: "alertdialog",
|
|
64
|
+
...dialogScope,
|
|
65
|
+
...contentProps,
|
|
66
|
+
ref: composedRefs,
|
|
67
|
+
onOpenAutoFocus: composeEventHandlers(contentProps.onOpenAutoFocus, (event) => {
|
|
68
|
+
var _a;
|
|
69
|
+
event.preventDefault();
|
|
70
|
+
(_a = cancelRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
|
|
71
|
+
}),
|
|
72
|
+
onPointerDownOutside: (event) => event.preventDefault(),
|
|
73
|
+
onInteractOutside: (event) => event.preventDefault(),
|
|
74
|
+
children: [
|
|
75
|
+
/* @__PURE__ */ jsx(Slottable, { children }),
|
|
76
|
+
/* @__PURE__ */ jsx(DescriptionWarning, { contentRef })
|
|
77
|
+
]
|
|
78
|
+
}
|
|
79
|
+
) })
|
|
80
|
+
}
|
|
81
|
+
);
|
|
82
|
+
}
|
|
83
|
+
);
|
|
84
|
+
AlertDialogContent.displayName = CONTENT_NAME;
|
|
85
|
+
var TITLE_NAME = "AlertDialogTitle";
|
|
86
|
+
var AlertDialogTitle = React.forwardRef(
|
|
87
|
+
(props, forwardedRef) => {
|
|
88
|
+
const { __scopeAlertDialog, ...titleProps } = props;
|
|
89
|
+
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
90
|
+
return /* @__PURE__ */ jsx(Title, { ...dialogScope, ...titleProps, ref: forwardedRef });
|
|
91
|
+
}
|
|
92
|
+
);
|
|
93
|
+
AlertDialogTitle.displayName = TITLE_NAME;
|
|
94
|
+
var DESCRIPTION_NAME = "AlertDialogDescription";
|
|
95
|
+
var AlertDialogDescription = React.forwardRef((props, forwardedRef) => {
|
|
96
|
+
const { __scopeAlertDialog, ...descriptionProps } = props;
|
|
97
|
+
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
98
|
+
return /* @__PURE__ */ jsx(Description, { ...dialogScope, ...descriptionProps, ref: forwardedRef });
|
|
99
|
+
});
|
|
100
|
+
AlertDialogDescription.displayName = DESCRIPTION_NAME;
|
|
101
|
+
var ACTION_NAME = "AlertDialogAction";
|
|
102
|
+
var AlertDialogAction = React.forwardRef(
|
|
103
|
+
(props, forwardedRef) => {
|
|
104
|
+
const { __scopeAlertDialog, ...actionProps } = props;
|
|
105
|
+
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
106
|
+
return /* @__PURE__ */ jsx(Close, { ...dialogScope, ...actionProps, ref: forwardedRef });
|
|
107
|
+
}
|
|
108
|
+
);
|
|
109
|
+
AlertDialogAction.displayName = ACTION_NAME;
|
|
110
|
+
var CANCEL_NAME = "AlertDialogCancel";
|
|
111
|
+
var AlertDialogCancel = React.forwardRef(
|
|
112
|
+
(props, forwardedRef) => {
|
|
113
|
+
const { __scopeAlertDialog, ...cancelProps } = props;
|
|
114
|
+
const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);
|
|
115
|
+
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
116
|
+
const ref = useComposedRefs(forwardedRef, cancelRef);
|
|
117
|
+
return /* @__PURE__ */ jsx(Close, { ...dialogScope, ...cancelProps, ref });
|
|
118
|
+
}
|
|
119
|
+
);
|
|
120
|
+
AlertDialogCancel.displayName = CANCEL_NAME;
|
|
121
|
+
var DescriptionWarning = ({ contentRef }) => {
|
|
122
|
+
const MESSAGE = `\`${CONTENT_NAME}\` requires a description for the component to be accessible for screen reader users.
|
|
123
|
+
|
|
124
|
+
You can add a description to the \`${CONTENT_NAME}\` by passing a \`${DESCRIPTION_NAME}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
|
|
125
|
+
|
|
126
|
+
Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${CONTENT_NAME}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
|
|
127
|
+
|
|
128
|
+
For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
|
|
129
|
+
React.useEffect(() => {
|
|
130
|
+
var _a;
|
|
131
|
+
const hasDescription = document.getElementById(
|
|
132
|
+
(_a = contentRef.current) == null ? void 0 : _a.getAttribute("aria-describedby")
|
|
133
|
+
);
|
|
134
|
+
if (!hasDescription) console.warn(MESSAGE);
|
|
135
|
+
}, [MESSAGE, contentRef]);
|
|
136
|
+
return null;
|
|
137
|
+
};
|
|
138
|
+
var Root2 = AlertDialog;
|
|
139
|
+
var Trigger2 = AlertDialogTrigger;
|
|
140
|
+
var Portal2 = AlertDialogPortal;
|
|
141
|
+
var Overlay2 = AlertDialogOverlay;
|
|
142
|
+
var Content2 = AlertDialogContent;
|
|
143
|
+
var Action = AlertDialogAction;
|
|
144
|
+
var Cancel = AlertDialogCancel;
|
|
145
|
+
var Title2 = AlertDialogTitle;
|
|
146
|
+
var Description2 = AlertDialogDescription;
|
|
147
|
+
export {
|
|
148
|
+
Action,
|
|
149
|
+
AlertDialog,
|
|
150
|
+
AlertDialogAction,
|
|
151
|
+
AlertDialogCancel,
|
|
152
|
+
AlertDialogContent,
|
|
153
|
+
AlertDialogDescription,
|
|
154
|
+
AlertDialogOverlay,
|
|
155
|
+
AlertDialogPortal,
|
|
156
|
+
AlertDialogTitle,
|
|
157
|
+
AlertDialogTrigger,
|
|
158
|
+
Cancel,
|
|
159
|
+
Content2 as Content,
|
|
160
|
+
Description2 as Description,
|
|
161
|
+
Overlay2 as Overlay,
|
|
162
|
+
Portal2 as Portal,
|
|
163
|
+
Root2 as Root,
|
|
164
|
+
Title2 as Title,
|
|
165
|
+
Trigger2 as Trigger
|
|
166
|
+
};
|
|
167
|
+
//# sourceMappingURL=index.es46.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.es46.js","sources":["../docs/node_modules/.bun/@radix-ui+react-alert-dialog@1.1.15+98e41321d0e6b3fa/node_modules/@radix-ui/react-alert-dialog/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// src/alert-dialog.tsx\nimport * as React from \"react\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { createDialogScope } from \"@radix-ui/react-dialog\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createSlottable } from \"@radix-ui/react-slot\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar ROOT_NAME = \"AlertDialog\";\nvar [createAlertDialogContext, createAlertDialogScope] = createContextScope(ROOT_NAME, [\n createDialogScope\n]);\nvar useDialogScope = createDialogScope();\nvar AlertDialog = (props) => {\n const { __scopeAlertDialog, ...alertDialogProps } = props;\n const dialogScope = useDialogScope(__scopeAlertDialog);\n return /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...dialogScope, ...alertDialogProps, modal: true });\n};\nAlertDialog.displayName = ROOT_NAME;\nvar TRIGGER_NAME = \"AlertDialogTrigger\";\nvar AlertDialogTrigger = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeAlertDialog, ...triggerProps } = props;\n const dialogScope = useDialogScope(__scopeAlertDialog);\n return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { ...dialogScope, ...triggerProps, ref: forwardedRef });\n }\n);\nAlertDialogTrigger.displayName = TRIGGER_NAME;\nvar PORTAL_NAME = \"AlertDialogPortal\";\nvar AlertDialogPortal = (props) => {\n const { __scopeAlertDialog, ...portalProps } = props;\n const dialogScope = useDialogScope(__scopeAlertDialog);\n return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { ...dialogScope, ...portalProps });\n};\nAlertDialogPortal.displayName = PORTAL_NAME;\nvar OVERLAY_NAME = \"AlertDialogOverlay\";\nvar AlertDialogOverlay = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeAlertDialog, ...overlayProps } = props;\n const dialogScope = useDialogScope(__scopeAlertDialog);\n return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });\n }\n);\nAlertDialogOverlay.displayName = OVERLAY_NAME;\nvar CONTENT_NAME = \"AlertDialogContent\";\nvar [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME);\nvar Slottable = createSlottable(\"AlertDialogContent\");\nvar AlertDialogContent = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeAlertDialog, children, ...contentProps } = props;\n const dialogScope = useDialogScope(__scopeAlertDialog);\n const contentRef = React.useRef(null);\n const composedRefs = useComposedRefs(forwardedRef, contentRef);\n const cancelRef = React.useRef(null);\n return /* @__PURE__ */ jsx(\n DialogPrimitive.WarningProvider,\n {\n contentName: CONTENT_NAME,\n titleName: TITLE_NAME,\n docsSlug: \"alert-dialog\",\n children: /* @__PURE__ */ jsx(AlertDialogContentProvider, { scope: __scopeAlertDialog, cancelRef, children: /* @__PURE__ */ jsxs(\n DialogPrimitive.Content,\n {\n role: \"alertdialog\",\n ...dialogScope,\n ...contentProps,\n ref: composedRefs,\n onOpenAutoFocus: composeEventHandlers(contentProps.onOpenAutoFocus, (event) => {\n event.preventDefault();\n cancelRef.current?.focus({ preventScroll: true });\n }),\n onPointerDownOutside: (event) => event.preventDefault(),\n onInteractOutside: (event) => event.preventDefault(),\n children: [\n /* @__PURE__ */ jsx(Slottable, { children }),\n /* @__PURE__ */ jsx(DescriptionWarning, { contentRef })\n ]\n }\n ) })\n }\n );\n }\n);\nAlertDialogContent.displayName = CONTENT_NAME;\nvar TITLE_NAME = \"AlertDialogTitle\";\nvar AlertDialogTitle = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeAlertDialog, ...titleProps } = props;\n const dialogScope = useDialogScope(__scopeAlertDialog);\n return /* @__PURE__ */ jsx(DialogPrimitive.Title, { ...dialogScope, ...titleProps, ref: forwardedRef });\n }\n);\nAlertDialogTitle.displayName = TITLE_NAME;\nvar DESCRIPTION_NAME = \"AlertDialogDescription\";\nvar AlertDialogDescription = React.forwardRef((props, forwardedRef) => {\n const { __scopeAlertDialog, ...descriptionProps } = props;\n const dialogScope = useDialogScope(__scopeAlertDialog);\n return /* @__PURE__ */ jsx(DialogPrimitive.Description, { ...dialogScope, ...descriptionProps, ref: forwardedRef });\n});\nAlertDialogDescription.displayName = DESCRIPTION_NAME;\nvar ACTION_NAME = \"AlertDialogAction\";\nvar AlertDialogAction = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeAlertDialog, ...actionProps } = props;\n const dialogScope = useDialogScope(__scopeAlertDialog);\n return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...actionProps, ref: forwardedRef });\n }\n);\nAlertDialogAction.displayName = ACTION_NAME;\nvar CANCEL_NAME = \"AlertDialogCancel\";\nvar AlertDialogCancel = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeAlertDialog, ...cancelProps } = props;\n const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);\n const dialogScope = useDialogScope(__scopeAlertDialog);\n const ref = useComposedRefs(forwardedRef, cancelRef);\n return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...cancelProps, ref });\n }\n);\nAlertDialogCancel.displayName = CANCEL_NAME;\nvar DescriptionWarning = ({ contentRef }) => {\n const MESSAGE = `\\`${CONTENT_NAME}\\` requires a description for the component to be accessible for screen reader users.\n\nYou can add a description to the \\`${CONTENT_NAME}\\` by passing a \\`${DESCRIPTION_NAME}\\` component as a child, which also benefits sighted users by adding visible context to the dialog.\n\nAlternatively, you can use your own component as a description by assigning it an \\`id\\` and passing the same value to the \\`aria-describedby\\` prop in \\`${CONTENT_NAME}\\`. If the description is confusing or duplicative for sighted users, you can use the \\`@radix-ui/react-visually-hidden\\` primitive as a wrapper around your description component.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;\n React.useEffect(() => {\n const hasDescription = document.getElementById(\n contentRef.current?.getAttribute(\"aria-describedby\")\n );\n if (!hasDescription) console.warn(MESSAGE);\n }, [MESSAGE, contentRef]);\n return null;\n};\nvar Root2 = AlertDialog;\nvar Trigger2 = AlertDialogTrigger;\nvar Portal2 = AlertDialogPortal;\nvar Overlay2 = AlertDialogOverlay;\nvar Content2 = AlertDialogContent;\nvar Action = AlertDialogAction;\nvar Cancel = AlertDialogCancel;\nvar Title2 = AlertDialogTitle;\nvar Description2 = AlertDialogDescription;\nexport {\n Action,\n AlertDialog,\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogOverlay,\n AlertDialogPortal,\n AlertDialogTitle,\n AlertDialogTrigger,\n Cancel,\n Content2 as Content,\n Description2 as Description,\n Overlay2 as Overlay,\n Portal2 as Portal,\n Root2 as Root,\n Title2 as Title,\n Trigger2 as Trigger,\n createAlertDialogScope\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["DialogPrimitive.Root","DialogPrimitive.Trigger","DialogPrimitive.Portal","DialogPrimitive.Overlay","DialogPrimitive.WarningProvider","DialogPrimitive.Content","DialogPrimitive.Title","DialogPrimitive.Description","DialogPrimitive.Close"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,195 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { composeEventHandlers } from "./index.es50.js";
|
|
3
|
+
import { createContextScope } from "./index.es51.js";
|
|
4
|
+
import { createRovingFocusGroupScope, Root, Item } from "./index.es65.js";
|
|
5
|
+
import { Presence } from "./index.es60.js";
|
|
6
|
+
import { Primitive } from "./index.es55.js";
|
|
7
|
+
import { useDirection } from "./index.es59.js";
|
|
8
|
+
import { useControllableState } from "./index.es52.js";
|
|
9
|
+
import { useId } from "./index.es58.js";
|
|
10
|
+
import { jsx } from "react/jsx-runtime";
|
|
11
|
+
var TABS_NAME = "Tabs";
|
|
12
|
+
var [createTabsContext] = createContextScope(TABS_NAME, [
|
|
13
|
+
createRovingFocusGroupScope
|
|
14
|
+
]);
|
|
15
|
+
var useRovingFocusGroupScope = createRovingFocusGroupScope();
|
|
16
|
+
var [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME);
|
|
17
|
+
var Tabs = React.forwardRef(
|
|
18
|
+
(props, forwardedRef) => {
|
|
19
|
+
const {
|
|
20
|
+
__scopeTabs,
|
|
21
|
+
value: valueProp,
|
|
22
|
+
onValueChange,
|
|
23
|
+
defaultValue,
|
|
24
|
+
orientation = "horizontal",
|
|
25
|
+
dir,
|
|
26
|
+
activationMode = "automatic",
|
|
27
|
+
...tabsProps
|
|
28
|
+
} = props;
|
|
29
|
+
const direction = useDirection(dir);
|
|
30
|
+
const [value, setValue] = useControllableState({
|
|
31
|
+
prop: valueProp,
|
|
32
|
+
onChange: onValueChange,
|
|
33
|
+
defaultProp: defaultValue ?? "",
|
|
34
|
+
caller: TABS_NAME
|
|
35
|
+
});
|
|
36
|
+
return /* @__PURE__ */ jsx(
|
|
37
|
+
TabsProvider,
|
|
38
|
+
{
|
|
39
|
+
scope: __scopeTabs,
|
|
40
|
+
baseId: useId(),
|
|
41
|
+
value,
|
|
42
|
+
onValueChange: setValue,
|
|
43
|
+
orientation,
|
|
44
|
+
dir: direction,
|
|
45
|
+
activationMode,
|
|
46
|
+
children: /* @__PURE__ */ jsx(
|
|
47
|
+
Primitive.div,
|
|
48
|
+
{
|
|
49
|
+
dir: direction,
|
|
50
|
+
"data-orientation": orientation,
|
|
51
|
+
...tabsProps,
|
|
52
|
+
ref: forwardedRef
|
|
53
|
+
}
|
|
54
|
+
)
|
|
55
|
+
}
|
|
56
|
+
);
|
|
57
|
+
}
|
|
58
|
+
);
|
|
59
|
+
Tabs.displayName = TABS_NAME;
|
|
60
|
+
var TAB_LIST_NAME = "TabsList";
|
|
61
|
+
var TabsList = React.forwardRef(
|
|
62
|
+
(props, forwardedRef) => {
|
|
63
|
+
const { __scopeTabs, loop = true, ...listProps } = props;
|
|
64
|
+
const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);
|
|
65
|
+
const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);
|
|
66
|
+
return /* @__PURE__ */ jsx(
|
|
67
|
+
Root,
|
|
68
|
+
{
|
|
69
|
+
asChild: true,
|
|
70
|
+
...rovingFocusGroupScope,
|
|
71
|
+
orientation: context.orientation,
|
|
72
|
+
dir: context.dir,
|
|
73
|
+
loop,
|
|
74
|
+
children: /* @__PURE__ */ jsx(
|
|
75
|
+
Primitive.div,
|
|
76
|
+
{
|
|
77
|
+
role: "tablist",
|
|
78
|
+
"aria-orientation": context.orientation,
|
|
79
|
+
...listProps,
|
|
80
|
+
ref: forwardedRef
|
|
81
|
+
}
|
|
82
|
+
)
|
|
83
|
+
}
|
|
84
|
+
);
|
|
85
|
+
}
|
|
86
|
+
);
|
|
87
|
+
TabsList.displayName = TAB_LIST_NAME;
|
|
88
|
+
var TRIGGER_NAME = "TabsTrigger";
|
|
89
|
+
var TabsTrigger = React.forwardRef(
|
|
90
|
+
(props, forwardedRef) => {
|
|
91
|
+
const { __scopeTabs, value, disabled = false, ...triggerProps } = props;
|
|
92
|
+
const context = useTabsContext(TRIGGER_NAME, __scopeTabs);
|
|
93
|
+
const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);
|
|
94
|
+
const triggerId = makeTriggerId(context.baseId, value);
|
|
95
|
+
const contentId = makeContentId(context.baseId, value);
|
|
96
|
+
const isSelected = value === context.value;
|
|
97
|
+
return /* @__PURE__ */ jsx(
|
|
98
|
+
Item,
|
|
99
|
+
{
|
|
100
|
+
asChild: true,
|
|
101
|
+
...rovingFocusGroupScope,
|
|
102
|
+
focusable: !disabled,
|
|
103
|
+
active: isSelected,
|
|
104
|
+
children: /* @__PURE__ */ jsx(
|
|
105
|
+
Primitive.button,
|
|
106
|
+
{
|
|
107
|
+
type: "button",
|
|
108
|
+
role: "tab",
|
|
109
|
+
"aria-selected": isSelected,
|
|
110
|
+
"aria-controls": contentId,
|
|
111
|
+
"data-state": isSelected ? "active" : "inactive",
|
|
112
|
+
"data-disabled": disabled ? "" : void 0,
|
|
113
|
+
disabled,
|
|
114
|
+
id: triggerId,
|
|
115
|
+
...triggerProps,
|
|
116
|
+
ref: forwardedRef,
|
|
117
|
+
onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {
|
|
118
|
+
if (!disabled && event.button === 0 && event.ctrlKey === false) {
|
|
119
|
+
context.onValueChange(value);
|
|
120
|
+
} else {
|
|
121
|
+
event.preventDefault();
|
|
122
|
+
}
|
|
123
|
+
}),
|
|
124
|
+
onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
|
|
125
|
+
if ([" ", "Enter"].includes(event.key)) context.onValueChange(value);
|
|
126
|
+
}),
|
|
127
|
+
onFocus: composeEventHandlers(props.onFocus, () => {
|
|
128
|
+
const isAutomaticActivation = context.activationMode !== "manual";
|
|
129
|
+
if (!isSelected && !disabled && isAutomaticActivation) {
|
|
130
|
+
context.onValueChange(value);
|
|
131
|
+
}
|
|
132
|
+
})
|
|
133
|
+
}
|
|
134
|
+
)
|
|
135
|
+
}
|
|
136
|
+
);
|
|
137
|
+
}
|
|
138
|
+
);
|
|
139
|
+
TabsTrigger.displayName = TRIGGER_NAME;
|
|
140
|
+
var CONTENT_NAME = "TabsContent";
|
|
141
|
+
var TabsContent = React.forwardRef(
|
|
142
|
+
(props, forwardedRef) => {
|
|
143
|
+
const { __scopeTabs, value, forceMount, children, ...contentProps } = props;
|
|
144
|
+
const context = useTabsContext(CONTENT_NAME, __scopeTabs);
|
|
145
|
+
const triggerId = makeTriggerId(context.baseId, value);
|
|
146
|
+
const contentId = makeContentId(context.baseId, value);
|
|
147
|
+
const isSelected = value === context.value;
|
|
148
|
+
const isMountAnimationPreventedRef = React.useRef(isSelected);
|
|
149
|
+
React.useEffect(() => {
|
|
150
|
+
const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);
|
|
151
|
+
return () => cancelAnimationFrame(rAF);
|
|
152
|
+
}, []);
|
|
153
|
+
return /* @__PURE__ */ jsx(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx(
|
|
154
|
+
Primitive.div,
|
|
155
|
+
{
|
|
156
|
+
"data-state": isSelected ? "active" : "inactive",
|
|
157
|
+
"data-orientation": context.orientation,
|
|
158
|
+
role: "tabpanel",
|
|
159
|
+
"aria-labelledby": triggerId,
|
|
160
|
+
hidden: !present,
|
|
161
|
+
id: contentId,
|
|
162
|
+
tabIndex: 0,
|
|
163
|
+
...contentProps,
|
|
164
|
+
ref: forwardedRef,
|
|
165
|
+
style: {
|
|
166
|
+
...props.style,
|
|
167
|
+
animationDuration: isMountAnimationPreventedRef.current ? "0s" : void 0
|
|
168
|
+
},
|
|
169
|
+
children: present && children
|
|
170
|
+
}
|
|
171
|
+
) });
|
|
172
|
+
}
|
|
173
|
+
);
|
|
174
|
+
TabsContent.displayName = CONTENT_NAME;
|
|
175
|
+
function makeTriggerId(baseId, value) {
|
|
176
|
+
return `${baseId}-trigger-${value}`;
|
|
177
|
+
}
|
|
178
|
+
function makeContentId(baseId, value) {
|
|
179
|
+
return `${baseId}-content-${value}`;
|
|
180
|
+
}
|
|
181
|
+
var Root2 = Tabs;
|
|
182
|
+
var List = TabsList;
|
|
183
|
+
var Trigger = TabsTrigger;
|
|
184
|
+
var Content = TabsContent;
|
|
185
|
+
export {
|
|
186
|
+
Content,
|
|
187
|
+
List,
|
|
188
|
+
Root2 as Root,
|
|
189
|
+
Tabs,
|
|
190
|
+
TabsContent,
|
|
191
|
+
TabsList,
|
|
192
|
+
TabsTrigger,
|
|
193
|
+
Trigger
|
|
194
|
+
};
|
|
195
|
+
//# sourceMappingURL=index.es47.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.es47.js","sources":["../docs/node_modules/.bun/@radix-ui+react-tabs@1.1.13+98e41321d0e6b3fa/node_modules/@radix-ui/react-tabs/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// src/tabs.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { createRovingFocusGroupScope } from \"@radix-ui/react-roving-focus\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { useId } from \"@radix-ui/react-id\";\nimport { jsx } from \"react/jsx-runtime\";\nvar TABS_NAME = \"Tabs\";\nvar [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [\n createRovingFocusGroupScope\n]);\nvar useRovingFocusGroupScope = createRovingFocusGroupScope();\nvar [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME);\nvar Tabs = React.forwardRef(\n (props, forwardedRef) => {\n const {\n __scopeTabs,\n value: valueProp,\n onValueChange,\n defaultValue,\n orientation = \"horizontal\",\n dir,\n activationMode = \"automatic\",\n ...tabsProps\n } = props;\n const direction = useDirection(dir);\n const [value, setValue] = useControllableState({\n prop: valueProp,\n onChange: onValueChange,\n defaultProp: defaultValue ?? \"\",\n caller: TABS_NAME\n });\n return /* @__PURE__ */ jsx(\n TabsProvider,\n {\n scope: __scopeTabs,\n baseId: useId(),\n value,\n onValueChange: setValue,\n orientation,\n dir: direction,\n activationMode,\n children: /* @__PURE__ */ jsx(\n Primitive.div,\n {\n dir: direction,\n \"data-orientation\": orientation,\n ...tabsProps,\n ref: forwardedRef\n }\n )\n }\n );\n }\n);\nTabs.displayName = TABS_NAME;\nvar TAB_LIST_NAME = \"TabsList\";\nvar TabsList = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeTabs, loop = true, ...listProps } = props;\n const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);\n return /* @__PURE__ */ jsx(\n RovingFocusGroup.Root,\n {\n asChild: true,\n ...rovingFocusGroupScope,\n orientation: context.orientation,\n dir: context.dir,\n loop,\n children: /* @__PURE__ */ jsx(\n Primitive.div,\n {\n role: \"tablist\",\n \"aria-orientation\": context.orientation,\n ...listProps,\n ref: forwardedRef\n }\n )\n }\n );\n }\n);\nTabsList.displayName = TAB_LIST_NAME;\nvar TRIGGER_NAME = \"TabsTrigger\";\nvar TabsTrigger = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeTabs, value, disabled = false, ...triggerProps } = props;\n const context = useTabsContext(TRIGGER_NAME, __scopeTabs);\n const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);\n const triggerId = makeTriggerId(context.baseId, value);\n const contentId = makeContentId(context.baseId, value);\n const isSelected = value === context.value;\n return /* @__PURE__ */ jsx(\n RovingFocusGroup.Item,\n {\n asChild: true,\n ...rovingFocusGroupScope,\n focusable: !disabled,\n active: isSelected,\n children: /* @__PURE__ */ jsx(\n Primitive.button,\n {\n type: \"button\",\n role: \"tab\",\n \"aria-selected\": isSelected,\n \"aria-controls\": contentId,\n \"data-state\": isSelected ? \"active\" : \"inactive\",\n \"data-disabled\": disabled ? \"\" : void 0,\n disabled,\n id: triggerId,\n ...triggerProps,\n ref: forwardedRef,\n onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {\n if (!disabled && event.button === 0 && event.ctrlKey === false) {\n context.onValueChange(value);\n } else {\n event.preventDefault();\n }\n }),\n onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n if ([\" \", \"Enter\"].includes(event.key)) context.onValueChange(value);\n }),\n onFocus: composeEventHandlers(props.onFocus, () => {\n const isAutomaticActivation = context.activationMode !== \"manual\";\n if (!isSelected && !disabled && isAutomaticActivation) {\n context.onValueChange(value);\n }\n })\n }\n )\n }\n );\n }\n);\nTabsTrigger.displayName = TRIGGER_NAME;\nvar CONTENT_NAME = \"TabsContent\";\nvar TabsContent = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeTabs, value, forceMount, children, ...contentProps } = props;\n const context = useTabsContext(CONTENT_NAME, __scopeTabs);\n const triggerId = makeTriggerId(context.baseId, value);\n const contentId = makeContentId(context.baseId, value);\n const isSelected = value === context.value;\n const isMountAnimationPreventedRef = React.useRef(isSelected);\n React.useEffect(() => {\n const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);\n return () => cancelAnimationFrame(rAF);\n }, []);\n return /* @__PURE__ */ jsx(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx(\n Primitive.div,\n {\n \"data-state\": isSelected ? \"active\" : \"inactive\",\n \"data-orientation\": context.orientation,\n role: \"tabpanel\",\n \"aria-labelledby\": triggerId,\n hidden: !present,\n id: contentId,\n tabIndex: 0,\n ...contentProps,\n ref: forwardedRef,\n style: {\n ...props.style,\n animationDuration: isMountAnimationPreventedRef.current ? \"0s\" : void 0\n },\n children: present && children\n }\n ) });\n }\n);\nTabsContent.displayName = CONTENT_NAME;\nfunction makeTriggerId(baseId, value) {\n return `${baseId}-trigger-${value}`;\n}\nfunction makeContentId(baseId, value) {\n return `${baseId}-content-${value}`;\n}\nvar Root2 = Tabs;\nvar List = TabsList;\nvar Trigger = TabsTrigger;\nvar Content = TabsContent;\nexport {\n Content,\n List,\n Root2 as Root,\n Tabs,\n TabsContent,\n TabsList,\n TabsTrigger,\n Trigger,\n createTabsScope\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["RovingFocusGroup.Root","RovingFocusGroup.Item"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
function setRef(ref, value) {
|
|
3
|
+
if (typeof ref === "function") {
|
|
4
|
+
return ref(value);
|
|
5
|
+
} else if (ref !== null && ref !== void 0) {
|
|
6
|
+
ref.current = value;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
function composeRefs(...refs) {
|
|
10
|
+
return (node) => {
|
|
11
|
+
let hasCleanup = false;
|
|
12
|
+
const cleanups = refs.map((ref) => {
|
|
13
|
+
const cleanup = setRef(ref, node);
|
|
14
|
+
if (!hasCleanup && typeof cleanup == "function") {
|
|
15
|
+
hasCleanup = true;
|
|
16
|
+
}
|
|
17
|
+
return cleanup;
|
|
18
|
+
});
|
|
19
|
+
if (hasCleanup) {
|
|
20
|
+
return () => {
|
|
21
|
+
for (let i = 0; i < cleanups.length; i++) {
|
|
22
|
+
const cleanup = cleanups[i];
|
|
23
|
+
if (typeof cleanup == "function") {
|
|
24
|
+
cleanup();
|
|
25
|
+
} else {
|
|
26
|
+
setRef(refs[i], null);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
function useComposedRefs(...refs) {
|
|
34
|
+
return React.useCallback(composeRefs(...refs), refs);
|
|
35
|
+
}
|
|
36
|
+
export {
|
|
37
|
+
composeRefs,
|
|
38
|
+
useComposedRefs
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=index.es48.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.es48.js","sources":["../docs/node_modules/.bun/@radix-ui+react-compose-refs@1.1.2+e2cc400bcbee7045/node_modules/@radix-ui/react-compose-refs/dist/index.mjs"],"sourcesContent":["// packages/react/compose-refs/src/compose-refs.tsx\nimport * as React from \"react\";\nfunction setRef(ref, value) {\n if (typeof ref === \"function\") {\n return ref(value);\n } else if (ref !== null && ref !== void 0) {\n ref.current = value;\n }\n}\nfunction composeRefs(...refs) {\n return (node) => {\n let hasCleanup = false;\n const cleanups = refs.map((ref) => {\n const cleanup = setRef(ref, node);\n if (!hasCleanup && typeof cleanup == \"function\") {\n hasCleanup = true;\n }\n return cleanup;\n });\n if (hasCleanup) {\n return () => {\n for (let i = 0; i < cleanups.length; i++) {\n const cleanup = cleanups[i];\n if (typeof cleanup == \"function\") {\n cleanup();\n } else {\n setRef(refs[i], null);\n }\n }\n };\n }\n };\n}\nfunction useComposedRefs(...refs) {\n return React.useCallback(composeRefs(...refs), refs);\n}\nexport {\n composeRefs,\n useComposedRefs\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":[],"mappings":";AAEA,SAAS,OAAO,KAAK,OAAO;AAC1B,MAAI,OAAO,QAAQ,YAAY;AAC7B,WAAO,IAAI,KAAK;AAAA,EAClB,WAAW,QAAQ,QAAQ,QAAQ,QAAQ;AACzC,QAAI,UAAU;AAAA,EAChB;AACF;AACA,SAAS,eAAe,MAAM;AAC5B,SAAO,CAAC,SAAS;AACf,QAAI,aAAa;AACjB,UAAM,WAAW,KAAK,IAAI,CAAC,QAAQ;AACjC,YAAM,UAAU,OAAO,KAAK,IAAI;AAChC,UAAI,CAAC,cAAc,OAAO,WAAW,YAAY;AAC/C,qBAAa;AAAA,MACf;AACA,aAAO;AAAA,IACT,CAAC;AACD,QAAI,YAAY;AACd,aAAO,MAAM;AACX,iBAAS,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;AACxC,gBAAM,UAAU,SAAS,CAAC;AAC1B,cAAI,OAAO,WAAW,YAAY;AAChC,oBAAO;AAAA,UACT,OAAO;AACL,mBAAO,KAAK,CAAC,GAAG,IAAI;AAAA,UACtB;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AACA,SAAS,mBAAmB,MAAM;AAChC,SAAO,MAAM,YAAY,YAAY,GAAG,IAAI,GAAG,IAAI;AACrD;","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import "react-dom";
|
|
3
|
+
import { createSlot } from "./index.es33.js";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
var NODES = [
|
|
6
|
+
"a",
|
|
7
|
+
"button",
|
|
8
|
+
"div",
|
|
9
|
+
"form",
|
|
10
|
+
"h2",
|
|
11
|
+
"h3",
|
|
12
|
+
"img",
|
|
13
|
+
"input",
|
|
14
|
+
"label",
|
|
15
|
+
"li",
|
|
16
|
+
"nav",
|
|
17
|
+
"ol",
|
|
18
|
+
"p",
|
|
19
|
+
"select",
|
|
20
|
+
"span",
|
|
21
|
+
"svg",
|
|
22
|
+
"ul"
|
|
23
|
+
];
|
|
24
|
+
var Primitive = NODES.reduce((primitive, node) => {
|
|
25
|
+
const Slot = createSlot(`Primitive.${node}`);
|
|
26
|
+
const Node = React.forwardRef((props, forwardedRef) => {
|
|
27
|
+
const { asChild, ...primitiveProps } = props;
|
|
28
|
+
const Comp = asChild ? Slot : node;
|
|
29
|
+
if (typeof window !== "undefined") {
|
|
30
|
+
window[Symbol.for("radix-ui")] = true;
|
|
31
|
+
}
|
|
32
|
+
return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
|
|
33
|
+
});
|
|
34
|
+
Node.displayName = `Primitive.${node}`;
|
|
35
|
+
return { ...primitive, [node]: Node };
|
|
36
|
+
}, {});
|
|
37
|
+
export {
|
|
38
|
+
Primitive
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=index.es49.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.es49.js","sources":["../docs/node_modules/.bun/@radix-ui+react-separator@1.1.8+98e41321d0e6b3fa/node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-primitive/dist/index.mjs"],"sourcesContent":["// src/primitive.tsx\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { createSlot } from \"@radix-ui/react-slot\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NODES = [\n \"a\",\n \"button\",\n \"div\",\n \"form\",\n \"h2\",\n \"h3\",\n \"img\",\n \"input\",\n \"label\",\n \"li\",\n \"nav\",\n \"ol\",\n \"p\",\n \"select\",\n \"span\",\n \"svg\",\n \"ul\"\n];\nvar Primitive = NODES.reduce((primitive, node) => {\n const Slot = createSlot(`Primitive.${node}`);\n const Node = React.forwardRef((props, forwardedRef) => {\n const { asChild, ...primitiveProps } = props;\n const Comp = asChild ? Slot : node;\n if (typeof window !== \"undefined\") {\n window[Symbol.for(\"radix-ui\")] = true;\n }\n return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });\n });\n Node.displayName = `Primitive.${node}`;\n return { ...primitive, [node]: Node };\n}, {});\nfunction dispatchDiscreteCustomEvent(target, event) {\n if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));\n}\nvar Root = Primitive;\nexport {\n Primitive,\n Root,\n dispatchDiscreteCustomEvent\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":[],"mappings":";;;;AAKA,IAAI,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AACG,IAAC,YAAY,MAAM,OAAO,CAAC,WAAW,SAAS;AAChD,QAAM,OAAO,WAAW,aAAa,IAAI,EAAE;AAC3C,QAAM,OAAO,MAAM,WAAW,CAAC,OAAO,iBAAiB;AACrD,UAAM,EAAE,SAAS,GAAG,eAAc,IAAK;AACvC,UAAM,OAAO,UAAU,OAAO;AAC9B,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO,OAAO,IAAI,UAAU,CAAC,IAAI;AAAA,IACnC;AACA,WAAuB,oBAAI,MAAM,EAAE,GAAG,gBAAgB,KAAK,cAAc;AAAA,EAC3E,CAAC;AACD,OAAK,cAAc,aAAa,IAAI;AACpC,SAAO,EAAE,GAAG,WAAW,CAAC,IAAI,GAAG,KAAI;AACrC,GAAG,CAAA,CAAE;","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { Root as Slot } from "./index.es33.js";
|
|
4
|
+
import { cn } from "./index.es4.js";
|
|
5
|
+
import { cva } from "./index.es34.js";
|
|
6
|
+
const buttonVariants = cva(
|
|
7
|
+
"volt-inline-flex volt-items-center volt-justify-center volt-font-normal volt-whitespace-nowrap volt-transition-all volt-cursor-pointer volt-focus-visible:outline-2 volt-focus-visible:outline-offset-2 volt-disabled:opacity-50 volt-shrink-0 [&_svg]:shrink-0 [&_svg]:pointer-events-none [&_svg]:text-current",
|
|
8
|
+
{
|
|
9
|
+
variants: {
|
|
10
|
+
variant: {
|
|
11
|
+
primary: "volt-bg-accent-solid volt-text-accent-contrast volt-hover:bg-accent-solid-hover volt-active:bg-accent-solid-hover volt-focus-visible:outline-accent-a8",
|
|
12
|
+
secondary: "volt-bg-accent-soft volt-text-accent-light volt-hover:bg-accent-soft-hover volt-focus-visible:outline-accent-a8",
|
|
13
|
+
tertiary: "volt-bg-transparent volt-text-accent-light volt-hover:bg-accent-soft volt-focus-visible:outline-accent-a8",
|
|
14
|
+
destructive: "volt-bg-error-a9 volt-text-error-contrast volt-hover:bg-error-solid-hover volt-active:bg-error-solid-hover volt-focus-visible:outline-error-a8"
|
|
15
|
+
},
|
|
16
|
+
size: {
|
|
17
|
+
xs: "volt-px-2 volt-py-1 volt-min-h-5 volt-text-xs volt-gap-[4px] [&_svg]:size-3 volt-group-data-[slot=button-group]/button-group:has-[>svg]:px-1",
|
|
18
|
+
sm: "volt-px-3 volt-py-1 volt-min-h-6 volt-text-sm volt-gap-[6px] [&_svg]:size-3.5 volt-group-data-[slot=button-group]/button-group:has-[>svg]:px-1.25",
|
|
19
|
+
base: "volt-px-4 volt-py-1 volt-min-h-9 volt-text-base volt-gap-2 [&_svg]:size-4 volt-group-data-[slot=button-group]/button-group:has-[>svg]:px-2.5",
|
|
20
|
+
lg: "volt-px-6 volt-py-2 volt-min-h-10 volt-text-lg volt-gap-2 [&_svg]:size-4 volt-group-data-[slot=button-group]/button-group:has-[>svg]:px-2.5",
|
|
21
|
+
"icon-xs": "volt-size-5 [&_svg]:size-3",
|
|
22
|
+
"icon-sm": "volt-size-7 [&_svg]:size-3.5",
|
|
23
|
+
icon: "volt-size-9 [&_svg]:size-4.5",
|
|
24
|
+
"icon-lg": "volt-size-10 [&_svg]:size-6"
|
|
25
|
+
},
|
|
26
|
+
shape: {
|
|
27
|
+
normal: "volt-rounded-lg",
|
|
28
|
+
rounded: "volt-rounded-full"
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
defaultVariants: {
|
|
32
|
+
variant: "primary",
|
|
33
|
+
size: "base",
|
|
34
|
+
shape: "rounded"
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
);
|
|
38
|
+
const Button = forwardRef(
|
|
39
|
+
({ variant, size, asChild = false, shape, className, ...props }, ref) => {
|
|
40
|
+
const Comp = asChild ? Slot : "button";
|
|
41
|
+
return /* @__PURE__ */ jsx(
|
|
42
|
+
Comp,
|
|
43
|
+
{
|
|
44
|
+
"data-slot": "button",
|
|
45
|
+
className: cn(buttonVariants({ variant, size, shape, className })),
|
|
46
|
+
ref,
|
|
47
|
+
...props
|
|
48
|
+
}
|
|
49
|
+
);
|
|
50
|
+
}
|
|
51
|
+
);
|
|
52
|
+
Button.displayName = "Button";
|
|
53
|
+
export {
|
|
54
|
+
Button,
|
|
55
|
+
buttonVariants
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=index.es5.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.es5.js","sources":["../src/components/button/button.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from \"react\"\nimport { forwardRef } from \"react\"\n\nimport { Slot } from \"@radix-ui/react-slot\"\n\nimport { cn } from \"@/lib/utils\"\n\nimport { type VariantProps, cva } from \"class-variance-authority\"\n\nexport const buttonVariants = cva(\n \"inline-flex items-center justify-center font-normal whitespace-nowrap transition-all cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-2 disabled:opacity-50 shrink-0 [&_svg]:shrink-0 [&_svg]:pointer-events-none [&_svg]:text-current\",\n {\n variants: {\n variant: {\n primary:\n \"bg-accent-solid text-accent-contrast hover:bg-accent-solid-hover active:bg-accent-solid-hover focus-visible:outline-accent-a8\",\n secondary:\n \"bg-accent-soft text-accent-light hover:bg-accent-soft-hover focus-visible:outline-accent-a8\",\n tertiary:\n \"bg-transparent text-accent-light hover:bg-accent-soft focus-visible:outline-accent-a8\",\n destructive:\n \"bg-error-a9 text-error-contrast hover:bg-error-solid-hover active:bg-error-solid-hover focus-visible:outline-error-a8\",\n },\n size: {\n xs: \"px-2 py-1 min-h-5 text-xs gap-[4px] [&_svg]:size-3 group-data-[slot=button-group]/button-group:has-[>svg]:px-1\",\n sm: \"px-3 py-1 min-h-6 text-sm gap-[6px] [&_svg]:size-3.5 group-data-[slot=button-group]/button-group:has-[>svg]:px-1.25\",\n base: \"px-4 py-1 min-h-9 text-base gap-2 [&_svg]:size-4 group-data-[slot=button-group]/button-group:has-[>svg]:px-2.5\",\n lg: \"px-6 py-2 min-h-10 text-lg gap-2 [&_svg]:size-4 group-data-[slot=button-group]/button-group:has-[>svg]:px-2.5\",\n \"icon-xs\": \"size-5 [&_svg]:size-3\",\n \"icon-sm\": \"size-7 [&_svg]:size-3.5\",\n icon: \"size-9 [&_svg]:size-4.5\",\n \"icon-lg\": \"size-10 [&_svg]:size-6\",\n },\n shape: {\n normal: \"rounded-lg\",\n rounded: \"rounded-full\",\n },\n },\n defaultVariants: {\n variant: \"primary\",\n size: \"base\",\n shape: \"rounded\",\n },\n }\n)\n\nexport type ButtonVariant = VariantProps<typeof buttonVariants>[\"variant\"]\nexport type ButtonSize = VariantProps<typeof buttonVariants>[\"size\"]\n\nexport type ButtonProps = ComponentPropsWithoutRef<\"button\"> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean\n }\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n ({ variant, size, asChild = false, shape, className, ...props }, ref) => {\n const Comp = asChild ? Slot : \"button\"\n\n return (\n <Comp\n data-slot=\"button\"\n className={cn(buttonVariants({ variant, size, shape, className }))}\n ref={ref}\n {...props}\n />\n )\n }\n)\n\nButton.displayName = \"Button\"\n"],"names":[],"mappings":";;;;;AASO,MAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,QACF,UACE;AAAA,QACF,aACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,WAAW;AAAA,QACX,WAAW;AAAA,QACX,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,MAEb,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ;AAUO,MAAM,SAAS;AAAA,EACpB,CAAC,EAAE,SAAS,MAAM,UAAU,OAAO,OAAO,WAAW,GAAG,MAAA,GAAS,QAAQ;AACvE,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,OAAO,UAAA,CAAW,CAAC;AAAA,QACjE;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,OAAO,cAAc;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
|
|
2
|
+
return function handleEvent(event) {
|
|
3
|
+
originalEventHandler == null ? void 0 : originalEventHandler(event);
|
|
4
|
+
if (checkForDefaultPrevented === false || !event.defaultPrevented) {
|
|
5
|
+
return ourEventHandler == null ? void 0 : ourEventHandler(event);
|
|
6
|
+
}
|
|
7
|
+
};
|
|
8
|
+
}
|
|
9
|
+
export {
|
|
10
|
+
composeEventHandlers
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=index.es50.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.es50.js","sources":["../docs/node_modules/.bun/@radix-ui+primitive@1.1.3/node_modules/@radix-ui/primitive/dist/index.mjs"],"sourcesContent":["// src/primitive.tsx\nvar canUseDOM = !!(typeof window !== \"undefined\" && window.document && window.document.createElement);\nfunction composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {\n return function handleEvent(event) {\n originalEventHandler?.(event);\n if (checkForDefaultPrevented === false || !event.defaultPrevented) {\n return ourEventHandler?.(event);\n }\n };\n}\nfunction getOwnerWindow(element) {\n if (!canUseDOM) {\n throw new Error(\"Cannot access window outside of the DOM\");\n }\n return element?.ownerDocument?.defaultView ?? window;\n}\nfunction getOwnerDocument(element) {\n if (!canUseDOM) {\n throw new Error(\"Cannot access document outside of the DOM\");\n }\n return element?.ownerDocument ?? document;\n}\nfunction getActiveElement(node, activeDescendant = false) {\n const { activeElement } = getOwnerDocument(node);\n if (!activeElement?.nodeName) {\n return null;\n }\n if (isFrame(activeElement) && activeElement.contentDocument) {\n return getActiveElement(activeElement.contentDocument.body, activeDescendant);\n }\n if (activeDescendant) {\n const id = activeElement.getAttribute(\"aria-activedescendant\");\n if (id) {\n const element = getOwnerDocument(activeElement).getElementById(id);\n if (element) {\n return element;\n }\n }\n }\n return activeElement;\n}\nfunction isFrame(element) {\n return element.tagName === \"IFRAME\";\n}\nexport {\n canUseDOM,\n composeEventHandlers,\n getActiveElement,\n getOwnerDocument,\n getOwnerWindow,\n isFrame\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":[],"mappings":"AAEA,SAAS,qBAAqB,sBAAsB,iBAAiB,EAAE,2BAA2B,KAAI,IAAK,IAAI;AAC7G,SAAO,SAAS,YAAY,OAAO;AACjC,iEAAuB;AACvB,QAAI,6BAA6B,SAAS,CAAC,MAAM,kBAAkB;AACjE,aAAO,mDAAkB;AAAA,IAC3B;AAAA,EACF;AACF;","x_google_ignoreList":[0]}
|