@sybilion/uilib 1.0.20

package/dist/esm/components/ui/Progress/Progress.styl.js

@@ -0,0 +1,7 @@
+import styleInject from 'style-inject';
+
+var css_248z = ".Progress_root__qSPxl{background-color:var(--sb-slate-100);border-radius:20px;flex-shrink:0;height:4px;overflow:hidden;position:relative;width:100%}.dark .Progress_root__qSPxl{background-color:var(--sb-gray-800)}.Progress_indicator__3Ei7X{background:var(--muted-foreground);border-radius:inherit;border-bottom-right-radius:0;border-top-right-radius:0;flex-grow:1;height:100%;transition:all .3s ease-out;width:100%}";
+var S = {"root":"Progress_root__qSPxl","indicator":"Progress_indicator__3Ei7X"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/components/ui/RegionCoords/RegionSelector.js

@@ -0,0 +1,22 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { useState } from 'react';
+import { Button } from '../Button/Button.js';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '../DropdownMenu/DropdownMenu.js';
+import { CaretDownIcon } from '@phosphor-icons/react';
+import S from './RegionSelector.styl.js';
+
+function RegionSelector({ children, onSelect, className, regions: regionCoordinates, }) {
+    const [open, setOpen] = useState(false);
+    const handleRegionSelect = (regionName) => {
+        const coords = regionCoordinates[regionName];
+        if (coords) {
+            onSelect(regionName, coords);
+            setOpen(false);
+        }
+    };
+    const regions = Object.keys(regionCoordinates).sort();
+    return (jsxs("div", { className: cn(S.root, className), children: [children, jsxs(DropdownMenu, { open: open, onOpenChange: setOpen, children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsx(Button, { variant: "outline", size: "sm", className: S.button, children: jsx(CaretDownIcon, { size: 16 }) }) }), jsx(DropdownMenuContent, { align: "end", children: regions.map(region => (jsx(DropdownMenuItem, { onSelect: () => handleRegionSelect(region), children: region }, region))) })] })] }));
+}
+
+export { RegionSelector };

package/dist/esm/components/ui/RegionCoords/RegionSelector.styl.js

@@ -0,0 +1,7 @@
+import styleInject from 'style-inject';
+
+var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.RegionSelector_root__JDhJ-{align-items:center;display:flex;gap:var(--p-1);position:relative;width:100%}.RegionSelector_input__qfenP{flex:1}.RegionSelector_button__jdtdI{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding:var(--p-1);position:absolute;right:2px;top:2px}";
+var S = {"root":"RegionSelector_root__JDhJ-","input":"RegionSelector_input__qfenP","button":"RegionSelector_button__jdtdI"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/components/ui/Renamer/Renamer.js

@@ -0,0 +1,61 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { useState, useCallback, useEffect } from 'react';
+import { Button } from '../Button/Button.js';
+import { Input } from '../Input/Input.js';
+import { Tooltip, TooltipTrigger, TooltipContent } from '../Tooltip/Tooltip.js';
+import { useIsMobile } from '../../../hooks/useIsMobile.js';
+import { PencilSimpleIcon } from '@phosphor-icons/react';
+import S from './Renamer.styl.js';
+
+function Renamer({ value = '', onInput, onChange, children, className, placeholder = 'Name', size = 'md', round = false, }) {
+    const isMobile = useIsMobile();
+    const [isRenaming, setIsRenaming] = useState(false);
+    const [name, setName] = useState(value);
+    const onKeyDown = useCallback((e) => {
+        const stopAndExit = (v) => {
+            e.preventDefault();
+            e.stopPropagation();
+            setIsRenaming(false);
+            setName(v);
+        };
+        if (e.key === 'Enter' && name.trim()) {
+            stopAndExit(name.trim());
+            onChange(name.trim());
+        }
+        if (e.key === 'Escape')
+            stopAndExit(value);
+    }, [name, onChange, value]);
+    useEffect(() => {
+        setName(value);
+    }, [value]);
+    const handleInputChange = useCallback((e) => {
+        const newValue = e.target.value;
+        setName(newValue);
+        onInput?.(newValue);
+    }, [onInput]);
+    const handleBlur = useCallback(() => {
+        if (name.trim() && name.trim() !== value) {
+            onChange(name.trim());
+        }
+        setIsRenaming(false);
+        setName(value);
+    }, [name, value, onChange]);
+    const handleEditClick = useCallback(() => {
+        setName(value);
+        setIsRenaming(true);
+    }, [value]);
+    const sizeMap = {
+        sm: 'sm',
+        md: 'md',
+        lg: 'lg',
+    };
+    const buttonSizeMap = {
+        sm: 'sm',
+        md: 'md',
+        lg: 'lg',
+    };
+    return (jsx("div", { className: cn(S.root, !value && S.empty, className), onKeyDown: onKeyDown, children: isRenaming ? (jsx(Input, { className: S.input, autoFocus: !isMobile, variant: "clean", size: sizeMap[size], placeholder: placeholder, value: name, onChange: handleInputChange, onBlur: handleBlur, onKeyDown: onKeyDown })) : (jsxs(Fragment, { children: [jsx("span", { className: S.value, children: children }), jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx(Button, { className: S.button, variant: "ghost", onClick: handleEditClick, size: buttonSizeMap[size], type: "button", children: jsx(PencilSimpleIcon, { size: 16 }) }) }), jsx(TooltipContent, { side: "bottom", children: "Rename" })] })] })) }));
+}
+
+export { Renamer };

package/dist/esm/components/ui/Renamer/Renamer.styl.js

@@ -0,0 +1,7 @@
+import styleInject from 'style-inject';
+
+var css_248z = ".Renamer_root__26OvT{align-items:center;display:flex}.Renamer_value__G8b1D{padding-right:var(--p-2)}.Renamer_input__KRnGn label{border-radius:var(--p-2)!important;font-size:18px!important}.Renamer_empty__A7xx1 .Renamer_input__KRnGn label{background-color:var(--accent)/.1}.Renamer_button__jKMLc{opacity:.5;padding-left:0;transition:opacity .2s ease-out}.Renamer_root__26OvT:hover .Renamer_button__jKMLc{opacity:1}";
+var S = {"root":"Renamer_root__26OvT","value":"Renamer_value__G8b1D","input":"Renamer_input__KRnGn","empty":"Renamer_empty__A7xx1","button":"Renamer_button__jKMLc"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/components/ui/Select/Select.js

@@ -0,0 +1,35 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import cn from 'classnames';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
+import S from './Select.styl.js';
+
+function Select({ variant = 'default', ...props }) {
+    return (jsx(SelectPrimitive.Root, { "data-slot": "select", "data-variant": variant, ...props }));
+}
+function SelectGroup({ ...props }) {
+    return jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+}
+function SelectValue({ ...props }) {
+    return jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({ className, size = 'md', variant = 'default', darker = false, children, hideChevron = false, ...props }) {
+    return (jsxs(SelectPrimitive.Trigger, { "data-slot": "select-trigger", "data-size": size, "data-variant": variant, className: cn(S.selectTrigger, darker && S.darker, className), ...props, children: [children, !hideChevron && (jsx(SelectPrimitive.Icon, { asChild: true, children: jsx(ChevronDownIcon, { className: S.selectIcon }) }))] }));
+}
+function SelectContent({ className, children, position = 'popper', ...props }) {
+    return (jsx(SelectPrimitive.Portal, { children: jsxs(SelectPrimitive.Content, { "data-slot": "select-content", className: cn(S.selectContent, position === 'popper' && S.selectContentPopper, className), position: position, ...props, children: [jsx(SelectScrollUpButton, {}), jsx(SelectPrimitive.Viewport, { className: cn(S.selectViewport, position === 'popper' && S.selectViewportPopper, className), children: children }), jsx(SelectScrollDownButton, {})] }) }));
+}
+function SelectItem({ className, children, selected, ...props }) {
+    return (jsx(SelectPrimitive.Item, { "data-slot": "select-item", className: cn(S.selectItem, className, selected && S.selected), ...props, children: jsx(SelectPrimitive.ItemText, { children: children }) }));
+}
+function SelectSeparator({ className, ...props }) {
+    return (jsx(SelectPrimitive.Separator, { "data-slot": "select-separator", className: cn(S.selectSeparator, className), ...props }));
+}
+function SelectScrollUpButton({ className, ...props }) {
+    return (jsx(SelectPrimitive.ScrollUpButton, { "data-slot": "select-scroll-up-button", className: cn(S.selectScrollButton, className), ...props, children: jsx(ChevronUpIcon, { className: S.selectScrollIcon }) }));
+}
+function SelectScrollDownButton({ className, ...props }) {
+    return (jsx(SelectPrimitive.ScrollDownButton, { "data-slot": "select-scroll-down-button", className: cn(S.selectScrollButton, className), ...props, children: jsx(ChevronDownIcon, { className: S.selectScrollIcon }) }));
+}
+
+export { Select, SelectContent, SelectGroup, SelectItem, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/esm/components/ui/Select/Select.styl.js

@@ -0,0 +1,7 @@
+import styleInject from 'style-inject';
+
+var css_248z = ".Select_selectTrigger__oTOBl{align-items:center;background-color:var(--background);border:none;border-radius:var(--p-4);box-shadow:none;color:var(--foreground);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--p-1);justify-content:space-between;max-width:calc(90vw - var(--page-x-padding)*2);outline:none;overflow:hidden;padding:var(--p-1) var(--p-3);position:relative;transition:all .2s ease-in-out;white-space:nowrap;width:-moz-fit-content;width:fit-content}.Select_selectTrigger__oTOBl:before{background-image:linear-gradient(to right,transparent,var(--background));content:\"\";display:block;height:100%;left:60vw;min-height:100%;min-width:var(--page-x-padding);position:absolute;width:var(--page-x-padding);width:20%}.Select_selectTrigger__oTOBl[aria-expanded=true]:before{display:none}.Select_selectTrigger__oTOBl.Select_darker__wwisI{background-color:var(--muted)}.Select_selectTrigger__oTOBl:hover{box-shadow:0 0 0 2px var(--background)}.Select_selectTrigger__oTOBl[data-size=md]{height:1.75rem}.Select_selectTrigger__oTOBl[data-size=sm]{font-size:var(--text-xs);height:1.75rem}.Select_selectTrigger__oTOBl[data-size=lg]{font-size:var(--text-sm);height:2.25rem}.Select_selectTrigger__oTOBl[data-placeholder]{color:var(--muted-foreground)}.Select_selectTrigger__oTOBl:focus-visible{border-color:var(--ring)}.Select_selectTrigger__oTOBl[aria-invalid=true]{border-color:var(--destructive)}.Select_selectTrigger__oTOBl:disabled{cursor:not-allowed;opacity:.5}.Select_selectTrigger__oTOBl [data-slot=select-value]{align-items:center;display:flex;gap:var(--p-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Select_selectTrigger__oTOBl svg{flex-shrink:0;pointer-events:none}.Select_selectTrigger__oTOBl svg:not([class*=text-]){color:var(--foreground)}.Select_selectTrigger__oTOBl svg:not([class*=size-]){height:1rem;width:1rem}.dark .Select_selectTrigger__oTOBl:not(.Select_darker__wwisI){background-color:var(--background)}.dark .Select_selectTrigger__oTOBl:not(.Select_darker__wwisI):hover{background-color:var(--background-alpha-800)}.Select_clear__vxo-N{background-color:transparent;border:none;box-shadow:none;padding:0}.Select_clear__vxo-N:focus-visible{border:none;box-shadow:none}@media (prefers-color-scheme:dark){.Select_clear__vxo-N,.Select_clear__vxo-N:hover{background-color:transparent}}.Select_selectContent__Wbegi{background-color:var(--popover);border:1px solid var(--border);border-radius:var(--p-4);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);color:var(--popover-foreground);max-height:var(--radix-select-content-available-height);min-width:8rem;overflow-x:hidden;overflow-y:auto;position:relative;transform-origin:var(--radix-select-content-transform-origin);z-index:1100}.Select_selectContent__Wbegi[data-state=open]{animation:Select_fadeIn__hm7v- .25s,Select_zoomIn__ep77v .1s}.Select_selectContent__Wbegi[data-state=closed]{animation:Select_fadeOut__A-ccN .25s,Select_zoomOut__pZ-7e .1s}.Select_selectContent__Wbegi[data-side=bottom]{animation:Select_fadeIn__hm7v- .25s,Select_slideInFromTop__O1LeF .1s}.Select_selectContent__Wbegi[data-side=left]{animation:Select_fadeIn__hm7v- .25s,Select_slideInFromRight__iJq-J .1s}.Select_selectContent__Wbegi[data-side=right]{animation:Select_fadeIn__hm7v- .25s,Select_slideInFromLeft__8tm7S .1s}.Select_selectContent__Wbegi[data-side=top]{animation:Select_fadeIn__hm7v- .25s,Select_slideInFromBottom__PsvX6 .1s}.Select_selectContentPopper__TU8Jn[data-side=bottom]{transform:translateY(.25rem)}.Select_selectContentPopper__TU8Jn[data-side=left]{transform:translateX(-.25rem)}.Select_selectContentPopper__TU8Jn[data-side=right]{transform:translateX(.25rem)}.Select_selectContentPopper__TU8Jn[data-side=top]{transform:translateY(-.25rem)}.Select_selectViewport__OtOW7{padding:var(--p-1)}.Select_selectViewportPopper__dUoFi{height:var(--radix-select-trigger-height);min-width:var(--radix-select-trigger-width);scroll-margin:var(--p-1) 0;width:100%}.Select_selectLabel__rX9cj{color:var(--muted-foreground);font-size:var(--text-xs);padding:var(--p-2) var(--p-2);padding-bottom:var(--p-2);padding-top:var(--p-2)}.Select_selectItem__JLg4D{align-items:center;border-radius:var(--radius-sm);cursor:default;display:flex;flex-grow:1;font-size:var(--text-sm);gap:var(--p-2);outline:none;padding:var(--p-1) var(--p-2);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.Select_selectItem__JLg4D.Select_selected__tmqut{background-color:var(--accent);font-weight:600}.Select_selectItem__JLg4D:first-child{border-top-left-radius:var(--p-3);border-top-right-radius:var(--p-3)}.Select_selectItem__JLg4D:last-child{border-bottom-left-radius:var(--p-3);border-bottom-right-radius:var(--p-3)}.Select_selectItem__JLg4D:focus{background-color:var(--accent);color:var(--accent-foreground)}.Select_selectItem__JLg4D[data-disabled]{opacity:.5;pointer-events:none}.Select_selectItem__JLg4D svg{flex-shrink:0;pointer-events:none}.Select_selectItem__JLg4D svg:not([class*=text-]){color:var(--muted-foreground)}.Select_selectItem__JLg4D svg:not([class*=size-]){height:1rem;width:1rem}.Select_selectItem__JLg4D span{display:flex;flex-grow:1;width:100%}.Select_selectItem__JLg4D span:last-child{align-items:center;display:flex;gap:var(--p-2)}.Select_selectItemText__9JXv9{align-items:center;display:flex;gap:var(--p-1)}.Select_selectItemIndicatorContainer__Vte2-{align-items:center;display:flex;height:var(--p-8);justify-content:center;position:absolute;right:0;width:var(--p-8)}.Select_selectItemIndicator__9HcxQ{height:1rem;width:1rem}.Select_selectSeparator__OZw53{background-color:var(--border);height:1px;margin:-.25rem var(--p-1) var(--p-1);pointer-events:none}.Select_selectScrollButton__-z-iR{align-items:center;cursor:default;display:flex;justify-content:center;padding:var(--p-1) 0}.Select_selectIcon__-TfP9{height:1rem;margin-right:calc(var(--p-1)*-1);opacity:.5;width:1rem}.Select_selectScrollIcon__ZyTUI{height:1rem;width:1rem}@keyframes Select_fadeIn__hm7v-{0%{opacity:0}to{opacity:1}}@keyframes Select_fadeOut__A-ccN{0%{opacity:1}to{opacity:0}}@keyframes Select_zoomIn__ep77v{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes Select_zoomOut__pZ-7e{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes Select_slideInFromTop__O1LeF{0%{transform:translateY(-.5rem)}to{transform:translateY(.2)}}@keyframes Select_slideInFromBottom__PsvX6{0%{transform:translateY(.5rem)}to{transform:translateY(.2)}}@keyframes Select_slideInFromLeft__8tm7S{0%{transform:translateX(-.5rem)}to{transform:translateX(.2)}}@keyframes Select_slideInFromRight__iJq-J{0%{transform:translateX(.5rem)}to{transform:translateY(.2)}}";
+var S = {"selectTrigger":"Select_selectTrigger__oTOBl","darker":"Select_darker__wwisI","clear":"Select_clear__vxo-N","selectContent":"Select_selectContent__Wbegi","fadeIn":"Select_fadeIn__hm7v-","zoomIn":"Select_zoomIn__ep77v","fadeOut":"Select_fadeOut__A-ccN","zoomOut":"Select_zoomOut__pZ-7e","slideInFromTop":"Select_slideInFromTop__O1LeF","slideInFromRight":"Select_slideInFromRight__iJq-J","slideInFromLeft":"Select_slideInFromLeft__8tm7S","slideInFromBottom":"Select_slideInFromBottom__PsvX6","selectContentPopper":"Select_selectContentPopper__TU8Jn","selectViewport":"Select_selectViewport__OtOW7","selectViewportPopper":"Select_selectViewportPopper__dUoFi","selectLabel":"Select_selectLabel__rX9cj","selectItem":"Select_selectItem__JLg4D","selected":"Select_selected__tmqut","selectItemText":"Select_selectItemText__9JXv9","selectItemIndicatorContainer":"Select_selectItemIndicatorContainer__Vte2-","selectItemIndicator":"Select_selectItemIndicator__9HcxQ","selectSeparator":"Select_selectSeparator__OZw53","selectScrollButton":"Select_selectScrollButton__-z-iR","selectIcon":"Select_selectIcon__-TfP9","selectScrollIcon":"Select_selectScrollIcon__ZyTUI"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/components/ui/Separator/Separator.js

@@ -0,0 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import S from './Separator.styl.js';
+
+function Separator({ className, orientation = 'horizontal', decorative = true, ...props }) {
+    return (jsx(SeparatorPrimitive.Root, { "data-slot": "separator", decorative: decorative, orientation: orientation, className: cn(S.root, className), ...props }));
+}
+
+export { Separator };

package/dist/esm/components/ui/Separator/Separator.styl.js

@@ -0,0 +1,7 @@
+import styleInject from 'style-inject';
+
+var css_248z = ".Separator_root__JwmSd{background-color:var(--border);flex-shrink:0}.Separator_root__JwmSd[data-orientation=horizontal]{height:1px;width:100%}.Separator_root__JwmSd[data-orientation=vertical]{height:100%;width:1px}";
+var S = {"root":"Separator_root__JwmSd"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/components/ui/Sheet/Sheet.js

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { X } from '@phosphor-icons/react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import S from './Sheet.styl.js';
+
+function Sheet({ ...props }) {
+    return jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({ ...props }) {
+    return jsx(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetClose({ ...props }) {
+    return jsx(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+}
+function SheetPortal({ ...props }) {
+    return jsx(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({ className, ...props }) {
+    return (jsx(SheetPrimitive.Overlay, { "data-slot": "sheet-overlay", className: cn(S.overlay, className), ...props }));
+}
+function SheetContent({ className, children, side = 'right', fullWidth = false, ...props }) {
+    const sideClass = side
+        ? S[`side${side.charAt(0).toUpperCase()}${side.slice(1)}`]
+        : S.sideRight;
+    return (jsxs(SheetPortal, { children: [jsx(SheetOverlay, {}), jsxs(SheetPrimitive.Content, { "data-slot": "sheet-content", className: cn(S.content, sideClass, fullWidth && S.fullWidth, className), ...props, children: [children, jsx(SheetPrimitive.Close, { className: cn(S.close), children: jsx(X, { className: "size-4" }) })] })] }));
+}
+function SheetHeader({ className, ...props }) {
+    return (jsx("div", { "data-slot": "sheet-header", className: cn(S.header, className), ...props }));
+}
+function SheetFooter({ className, ...props }) {
+    return (jsx("div", { "data-slot": "sheet-footer", className: cn(S.footer, className), ...props }));
+}
+function SheetTitle({ className, ...props }) {
+    return (jsx(SheetPrimitive.Title, { "data-slot": "sheet-title", className: cn(S.title, className), ...props }));
+}
+function SheetDescription({ className, ...props }) {
+    return (jsx(SheetPrimitive.Description, { "data-slot": "sheet-description", className: cn(S.description, className), ...props }));
+}
+
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

package/dist/esm/components/ui/Sheet/Sheet.styl.js

@@ -0,0 +1,7 @@
+import styleInject from 'style-inject';
+
+var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.Sheet_overlay__lXH6E{backface-visibility:hidden;background-color:rgba(0,0,0,.5);inset:0;position:fixed;z-index:50}.Sheet_overlay__lXH6E[data-state=open]{animation:Sheet_fadeIn__SteaU .15s ease-out}.Sheet_overlay__lXH6E[data-state=closed]{animation:Sheet_fadeOut__8FyjW .15s ease-in}.Sheet_content__dkLUi{background:var(--background);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);display:flex;flex-direction:column;position:fixed;transition:all ease-in-out;z-index:50}.Sheet_content__dkLUi[data-state=closed],.Sheet_content__dkLUi[data-state=open]{animation-duration:.2s}.Sheet_content__dkLUi.Sheet_sideRight__1LrKD{border-left:1px solid var(--border);bottom:0;height:100%;right:0;top:0;width:75%}.Sheet_content__dkLUi.Sheet_sideRight__1LrKD[data-state=open]{animation:Sheet_slideInFromRight__I0qYX .2s ease-out}.Sheet_content__dkLUi.Sheet_sideRight__1LrKD[data-state=closed]{animation:Sheet_slideOutToRight__p0zsl .2s ease-in}@media (min-width:640px){.Sheet_content__dkLUi.Sheet_sideRight__1LrKD{width:500px}}.Sheet_content__dkLUi.Sheet_sideLeft__norUW{border-right:1px solid var(--border);bottom:0;height:100%;left:0;top:0;width:75%}.Sheet_content__dkLUi.Sheet_sideLeft__norUW[data-state=open]{animation:Sheet_slideInFromLeft__Y0-Nb .2s ease-out}.Sheet_content__dkLUi.Sheet_sideLeft__norUW[data-state=closed]{animation:Sheet_slideOutToLeft__-mu4M .2s ease-in}@media (min-width:640px){.Sheet_content__dkLUi.Sheet_sideLeft__norUW{width:500px}}.Sheet_content__dkLUi.Sheet_sideTop__COLhW{border-bottom:1px solid var(--border);height:auto;left:0;right:0;top:0}.Sheet_content__dkLUi.Sheet_sideTop__COLhW[data-state=open]{animation:Sheet_slideInFromTop__Q-gqb .2s ease-out}.Sheet_content__dkLUi.Sheet_sideTop__COLhW[data-state=closed]{animation:Sheet_slideOutToTop__NOlwh .2s ease-in}.Sheet_content__dkLUi.Sheet_sideBottom__xzvrc{border-top:1px solid var(--border);bottom:0;height:auto;left:0;right:0}.Sheet_content__dkLUi.Sheet_sideBottom__xzvrc[data-state=open]{animation:Sheet_slideInFromBottom__c82Wo .2s ease-out}.Sheet_content__dkLUi.Sheet_sideBottom__xzvrc[data-state=closed]{animation:Sheet_slideOutToBottom__97EkM .2s ease-in}.Sheet_content__dkLUi.Sheet_fullWidth__fV-N5{max-width:100vw;width:100vw}.Sheet_close__7eArF{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:50px;justify-content:center;outline:none;position:absolute;right:0;top:0;width:50px}.Sheet_close__7eArF:focus{ring:2px;ring-color:var(--ring);ring-offset:2px;ring-offset-color:var(--background)}.Sheet_close__7eArF:disabled{pointer-events:none}.Sheet_close__7eArF[data-state=open]{background:var(--secondary)}.Sheet_close__7eArF:before{content:\"\";position:absolute;--gap:var(--p-2);background-color:var(--background);border-radius:50%;height:calc(100% - var(--gap)*2);right:var(--gap);top:var(--gap);transition:scale .2s ease;width:calc(100% - var(--gap)*2)}@media (max-width:768px){.Sheet_close__7eArF{transform:scale(1.4) translate(-6px,6px)}}.Sheet_close__7eArF>svg{opacity:.3;transition:opacity .2s ease;z-index:1}.Sheet_close__7eArF:hover>svg{opacity:1;scale:1.3}.Sheet_close__7eArF:hover:before{scale:2}.Sheet_header__9T281{font-family:var(--font-family-heading);padding:var(--p-8) var(--p-6)}.Sheet_footer__DWNwC,.Sheet_header__9T281{display:flex;flex-direction:column;gap:var(--p-2)}.Sheet_footer__DWNwC{margin-top:auto;padding:var(--p-4)}.Sheet_title__qSxm2{font-size:var(--text-2xl);font-weight:300}.Sheet_description__-rkFT{color:var(--muted-foreground);font-size:.875rem}@keyframes Sheet_fadeIn__SteaU{0%{opacity:0}to{opacity:1}}@keyframes Sheet_fadeOut__8FyjW{0%{opacity:1}to{opacity:0}}@keyframes Sheet_slideInFromRight__I0qYX{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes Sheet_slideOutToRight__p0zsl{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes Sheet_slideInFromLeft__Y0-Nb{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes Sheet_slideOutToLeft__-mu4M{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes Sheet_slideInFromTop__Q-gqb{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes Sheet_slideOutToTop__NOlwh{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes Sheet_slideInFromBottom__c82Wo{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes Sheet_slideOutToBottom__97EkM{0%{transform:translateY(0)}to{transform:translateY(100%)}}";
+var S = {"overlay":"Sheet_overlay__lXH6E","fadeIn":"Sheet_fadeIn__SteaU","fadeOut":"Sheet_fadeOut__8FyjW","content":"Sheet_content__dkLUi","sideRight":"Sheet_sideRight__1LrKD","slideInFromRight":"Sheet_slideInFromRight__I0qYX","slideOutToRight":"Sheet_slideOutToRight__p0zsl","sideLeft":"Sheet_sideLeft__norUW","slideInFromLeft":"Sheet_slideInFromLeft__Y0-Nb","slideOutToLeft":"Sheet_slideOutToLeft__-mu4M","sideTop":"Sheet_sideTop__COLhW","slideInFromTop":"Sheet_slideInFromTop__Q-gqb","slideOutToTop":"Sheet_slideOutToTop__NOlwh","sideBottom":"Sheet_sideBottom__xzvrc","slideInFromBottom":"Sheet_slideInFromBottom__c82Wo","slideOutToBottom":"Sheet_slideOutToBottom__97EkM","fullWidth":"Sheet_fullWidth__fV-N5","close":"Sheet_close__7eArF","header":"Sheet_header__9T281","footer":"Sheet_footer__DWNwC","title":"Sheet_title__qSxm2","description":"Sheet_description__-rkFT"};
+styleInject(css_248z);
+
+export { S as default };