@discourser/design-system 0.15.0 → 0.17.0

package/dist/chunk-F7LHARS4.js

@@ -1,869 +0,0 @@
-import { __export } from './chunk-WR5Z5QMQ.js';
-import { ark as ark$1 } from '@ark-ui/react/factory';
-import { mergeProps, createContext } from '@ark-ui/react/utils';
-import { forwardRef, useMemo, createContext as createContext$1, useContext } from 'react';
-import { styled, createStyleContext, Stack } from 'styled-system/jsx';
-import { group, absoluteCenter, spinner, button, input, inputAddon, inputGroup, textarea, heading, badge, toast, card, dialog, switchComponent, accordion, drawer, tabs, checkbox, radioGroup, select, slider, avatar, progress, skeleton, popover, tooltip, stepper } from 'styled-system/recipes';
-import { ark } from '@ark-ui/react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Field } from '@ark-ui/react/field';
-import { css, cx } from 'styled-system/css';
-import { Portal } from '@ark-ui/react/portal';
-import { Toast, Toaster as Toaster$1, useToastContext, createToaster } from '@ark-ui/react/toast';
-import { DialogContext, Dialog } from '@ark-ui/react/dialog';
-import { Switch, SwitchContext } from '@ark-ui/react/switch';
-import { AccordionContext, Accordion } from '@ark-ui/react/accordion';
-import { TabsContext, Tabs } from '@ark-ui/react/tabs';
-import { Checkbox, CheckboxGroupProvider, useCheckboxContext } from '@ark-ui/react/checkbox';
-import { RadioGroup, RadioGroupContext } from '@ark-ui/react/radio-group';
-import { SelectItemContext, Select, SelectContext, useSelectItemContext } from '@ark-ui/react/select';
-import { Slider, SliderContext, useSliderContext } from '@ark-ui/react/slider';
-import { AvatarContext, Avatar } from '@ark-ui/react/avatar';
-import { Progress } from '@ark-ui/react/progress';
-import { PopoverContext, Popover } from '@ark-ui/react/popover';
-import { TooltipContext, Tooltip as Tooltip$1 } from '@ark-ui/react/tooltip';
-import { Steps, useStepsContext } from '@ark-ui/react/steps';
-
-// src/components/Group.tsx
-var Group_exports = {};
-__export(Group_exports, {
-  Group: () => Group
-});
-var Group = styled(ark.div, group);
-
-// src/components/AbsoluteCenter.tsx
-var AbsoluteCenter_exports = {};
-__export(AbsoluteCenter_exports, {
-  AbsoluteCenter: () => AbsoluteCenter
-});
-var AbsoluteCenter = styled(ark$1.div, absoluteCenter);
-var Spinner = styled(ark$1.span, spinner);
-var Span = styled("span");
-var Loader = forwardRef(function Loader2(props, ref) {
-  const {
-    spinner: spinner2 = /* @__PURE__ */ jsx(Spinner, { size: "inherit", borderWidth: "0.125em", color: "inherit" }),
-    spinnerPlacement = "start",
-    children,
-    text,
-    visible = true,
-    ...rest
-  } = props;
-  if (!visible) return children;
-  if (text) {
-    return /* @__PURE__ */ jsxs(Span, { ref, display: "contents", ...rest, children: [
-      spinnerPlacement === "start" && spinner2,
-      text,
-      spinnerPlacement === "end" && spinner2
-    ] });
-  }
-  if (spinner2) {
-    return /* @__PURE__ */ jsxs(Span, { ref, display: "contents", ...rest, children: [
-      /* @__PURE__ */ jsx(AbsoluteCenter, { display: "inline-flex", children: spinner2 }),
-      /* @__PURE__ */ jsx(Span, { visibility: "hidden", display: "contents", children })
-    ] });
-  }
-  return /* @__PURE__ */ jsx(Span, { ref, display: "contents", ...rest, children });
-});
-var BaseButton = styled(ark$1.button, button);
-var Button = forwardRef(
-  function Button2(props, ref) {
-    const propsContext = useButtonPropsContext();
-    const buttonProps = useMemo(
-      () => mergeProps(propsContext, props),
-      [propsContext, props]
-    );
-    const {
-      loading,
-      loadingText,
-      children,
-      spinner: spinner2,
-      spinnerPlacement,
-      ...rest
-    } = buttonProps;
-    return /* @__PURE__ */ jsx(
-      BaseButton,
-      {
-        type: "button",
-        ref,
-        ...rest,
-        "data-loading": loading ? "" : void 0,
-        disabled: loading || rest.disabled,
-        children: !props.asChild && loading ? /* @__PURE__ */ jsx(
-          Loader,
-          {
-            spinner: spinner2,
-            text: loadingText,
-            spinnerPlacement,
-            children
-          }
-        ) : children
-      }
-    );
-  }
-);
-var ButtonGroup = forwardRef(
-  function ButtonGroup2(props, ref) {
-    const [variantProps, otherProps] = useMemo(
-      () => button.splitVariantProps(props),
-      [props]
-    );
-    return /* @__PURE__ */ jsx(ButtonPropsProvider, { value: variantProps, children: /* @__PURE__ */ jsx(Group, { ref, ...otherProps }) });
-  }
-);
-var [ButtonPropsProvider, useButtonPropsContext] = createContext({
-  name: "ButtonPropsContext",
-  hookName: "useButtonPropsContext",
-  providerName: "<PropsProvider />",
-  strict: false
-});
-var IconButton = forwardRef(
-  function IconButton2(props, ref) {
-    return /* @__PURE__ */ jsx(Button, { px: "0", py: "0", ref, ...props });
-  }
-);
-var Input = styled(Field.Input, input);
-var InputAddon = styled(ark$1.div, inputAddon);
-var { withProvider, withContext } = createStyleContext(inputGroup);
-var Root = withProvider(ark$1.div, "root");
-var Element = withContext(ark$1.div, "element");
-var InputGroupRoot = forwardRef(
-  function InputGroup(props, ref) {
-    const { startElement, endElement, children, ...rest } = props;
-    return /* @__PURE__ */ jsxs(Root, { ref, ...rest, children: [
-      startElement && /* @__PURE__ */ jsx(Element, { insetInlineStart: "0", top: "0", children: startElement }),
-      children,
-      endElement && /* @__PURE__ */ jsx(Element, { insetInlineEnd: "0", top: "0", children: endElement })
-    ] });
-  }
-);
-var InputGroup2 = Object.assign(InputGroupRoot, {
-  Root,
-  Element
-});
-var Textarea = styled(Field.Textarea, textarea);
-var Heading = styled("h2", heading);
-var BaseBadge = styled(ark$1.div, badge);
-var Badge = forwardRef(
-  function Badge2(props, ref) {
-    const { colorPalette = "primary", className, ...rest } = props;
-    const colorPaletteClass = css({ colorPalette });
-    const mergedClassName = cx(colorPaletteClass, className);
-    return /* @__PURE__ */ jsx(BaseBadge, { ref, ...rest, className: mergedClassName });
-  }
-);
-
-// src/components/CloseButton.tsx
-var CloseButton_exports = {};
-__export(CloseButton_exports, {
-  CloseButton: () => CloseButton
-});
-var XIcon = () => /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
-  /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
-] });
-var CloseButton = forwardRef(
-  function CloseButton2(props, ref) {
-    return /* @__PURE__ */ jsx(IconButton, { variant: "plain", colorPalette: "gray", "aria-label": "Close", ref, ...props, children: props.children ?? /* @__PURE__ */ jsx(XIcon, {}) });
-  }
-);
-
-// src/components/Icon.tsx
-var Icon_exports = {};
-__export(Icon_exports, {
-  Icon: () => Icon
-});
-var Icon = styled(ark$1.svg);
-var CheckCircleIcon = () => /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
-  /* @__PURE__ */ jsx("path", { d: "m9 11 3 3L22 4" })
-] });
-var CircleAlertIcon = () => /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-  /* @__PURE__ */ jsx("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
-  /* @__PURE__ */ jsx("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
-] });
-var CircleXIcon = () => /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-  /* @__PURE__ */ jsx("path", { d: "m15 9-6 6" }),
-  /* @__PURE__ */ jsx("path", { d: "m9 9 6 6" })
-] });
-var { withProvider: withProvider2, withContext: withContext2 } = createStyleContext(toast);
-var Root2 = withProvider2(Toast.Root, "root");
-var Title = withContext2(Toast.Title, "title");
-var Description = withContext2(Toast.Description, "description");
-var ActionTrigger = withContext2(Toast.ActionTrigger, "actionTrigger");
-var CloseTrigger = withContext2(Toast.CloseTrigger, "closeTrigger");
-var StyledToaster = styled(Toaster$1);
-var iconMap = {
-  warning: CircleAlertIcon,
-  success: CheckCircleIcon,
-  error: CircleXIcon
-};
-var Indicator = forwardRef(function ToastIndicator(props, ref) {
-  const toast2 = useToastContext();
-  const StatusIcon = iconMap[toast2.type];
-  if (!StatusIcon) return null;
-  return /* @__PURE__ */ jsx(Icon, { ref, "data-type": toast2.type, ...props, children: /* @__PURE__ */ jsx(StatusIcon, {}) });
-});
-var toaster = createToaster({
-  placement: "bottom-end",
-  pauseOnPageIdle: true,
-  overlap: true,
-  max: 5
-});
-var Toaster = () => {
-  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(StyledToaster, { toaster, insetInline: { mdDown: "4" }, children: (toast2) => /* @__PURE__ */ jsxs(Root2, { children: [
-    toast2.type === "loading" ? /* @__PURE__ */ jsx(Spinner, { color: "colorPalette.plain.fg" }) : /* @__PURE__ */ jsx(Indicator, {}),
-    /* @__PURE__ */ jsxs(Stack, { gap: "3", alignItems: "start", children: [
-      /* @__PURE__ */ jsxs(Stack, { gap: "1", children: [
-        toast2.title && /* @__PURE__ */ jsx(Title, { children: toast2.title }),
-        toast2.description && /* @__PURE__ */ jsx(Description, { children: toast2.description })
-      ] }),
-      toast2.action && /* @__PURE__ */ jsx(ActionTrigger, { children: toast2.action.label })
-    ] }),
-    toast2.closable && /* @__PURE__ */ jsx(CloseTrigger, { asChild: true, children: /* @__PURE__ */ jsx(CloseButton, { size: "sm" }) })
-  ] }) }) });
-};
-
-// src/components/Card.tsx
-var Card_exports = {};
-__export(Card_exports, {
-  Body: () => Body,
-  Card: () => Card,
-  Description: () => Description2,
-  Footer: () => Footer,
-  Header: () => Header,
-  Root: () => Root3,
-  Title: () => Title2
-});
-var { withProvider: withProvider3, withContext: withContext3 } = createStyleContext(card);
-var Root3 = withProvider3(ark$1.div, "root");
-var Header = withContext3(ark$1.div, "header");
-var Body = withContext3(ark$1.div, "body");
-var Footer = withContext3(ark$1.div, "footer");
-var Title2 = withContext3(ark$1.h3, "title");
-var Description2 = withContext3(ark$1.div, "description");
-var Card = {
-  Root: Root3,
-  Header,
-  Body,
-  Footer,
-  Title: Title2,
-  Description: Description2
-};
-
-// src/components/Dialog.tsx
-var Dialog_exports = {};
-__export(Dialog_exports, {
-  Backdrop: () => Backdrop,
-  Body: () => Body2,
-  CloseTrigger: () => CloseTrigger2,
-  Content: () => Content,
-  Context: () => DialogContext,
-  Description: () => Description3,
-  Footer: () => Footer2,
-  Header: () => Header2,
-  Positioner: () => Positioner,
-  Root: () => Root4,
-  Title: () => Title3,
-  Trigger: () => Trigger
-});
-var { withRootProvider, withContext: withContext4 } = createStyleContext(dialog);
-var Root4 = withRootProvider(Dialog.Root, {
-  defaultProps: { unmountOnExit: true, lazyMount: true }
-});
-var Backdrop = withContext4(Dialog.Backdrop, "backdrop");
-var CloseTrigger2 = withContext4(Dialog.CloseTrigger, "closeTrigger");
-var Content = withContext4(Dialog.Content, "content");
-var Description3 = withContext4(Dialog.Description, "description");
-var Positioner = withContext4(Dialog.Positioner, "positioner");
-var Title3 = withContext4(Dialog.Title, "title");
-var Trigger = withContext4(Dialog.Trigger, "trigger");
-var Body2 = withContext4(ark$1.div, "body");
-var Header2 = withContext4(ark$1.div, "header");
-var Footer2 = withContext4(ark$1.div, "footer");
-
-// src/components/Switch.tsx
-var Switch_exports = {};
-__export(Switch_exports, {
-  Context: () => SwitchContext,
-  Control: () => Control,
-  HiddenInput: () => HiddenInput,
-  Label: () => Label,
-  Root: () => Root5,
-  Thumb: () => Thumb
-});
-var { withProvider: withProvider4, withContext: withContext5 } = createStyleContext(switchComponent);
-var Root5 = withProvider4(Switch.Root, "root");
-var Label = withContext5(Switch.Label, "label");
-var Thumb = withContext5(Switch.Thumb, "thumb");
-var HiddenInput = Switch.HiddenInput;
-var Control = withContext5(Switch.Control, "control", {
-  defaultProps: { children: /* @__PURE__ */ jsx(Thumb, {}) }
-});
-
-// src/components/Accordion.tsx
-var Accordion_exports = {};
-__export(Accordion_exports, {
-  Context: () => AccordionContext,
-  Item: () => Item,
-  ItemBody: () => ItemBody,
-  ItemContent: () => ItemContent,
-  ItemIndicator: () => ItemIndicator,
-  ItemTrigger: () => ItemTrigger,
-  Root: () => Root6,
-  RootProvider: () => RootProvider
-});
-var ChevronDownIcon = () => /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) });
-var { withProvider: withProvider5, withContext: withContext6 } = createStyleContext(accordion);
-var Root6 = withProvider5(Accordion.Root, "root");
-var RootProvider = withProvider5(Accordion.RootProvider, "root");
-var Item = withContext6(Accordion.Item, "item");
-var ItemContent = withContext6(Accordion.ItemContent, "itemContent");
-var ItemIndicator = withContext6(Accordion.ItemIndicator, "itemIndicator", {
-  defaultProps: { children: /* @__PURE__ */ jsx(ChevronDownIcon, {}) }
-});
-var ItemTrigger = withContext6(Accordion.ItemTrigger, "itemTrigger");
-var ItemBody = withContext6(ark$1.div, "itemBody");
-
-// src/components/Drawer.tsx
-var Drawer_exports = {};
-__export(Drawer_exports, {
-  Backdrop: () => Backdrop2,
-  Body: () => Body3,
-  CloseTrigger: () => CloseTrigger3,
-  Content: () => Content2,
-  Context: () => DialogContext,
-  Description: () => Description4,
-  Footer: () => Footer3,
-  Header: () => Header3,
-  Positioner: () => Positioner2,
-  Root: () => Root7,
-  RootProvider: () => RootProvider2,
-  Title: () => Title4,
-  Trigger: () => Trigger2
-});
-var { withRootProvider: withRootProvider2, withContext: withContext7 } = createStyleContext(drawer);
-var Root7 = withRootProvider2(Dialog.Root, {
-  defaultProps: { unmountOnExit: true, lazyMount: true }
-});
-var RootProvider2 = withRootProvider2(Dialog.Root, {
-  defaultProps: { unmountOnExit: true, lazyMount: true }
-});
-var Backdrop2 = withContext7(Dialog.Backdrop, "backdrop");
-var Positioner2 = withContext7(Dialog.Positioner, "positioner");
-var CloseTrigger3 = withContext7(Dialog.CloseTrigger, "closeTrigger");
-var Content2 = withContext7(Dialog.Content, "content");
-var Description4 = withContext7(Dialog.Description, "description");
-var Title4 = withContext7(Dialog.Title, "title");
-var Trigger2 = withContext7(Dialog.Trigger, "trigger");
-var Body3 = withContext7(ark$1.div, "body");
-var Header3 = withContext7(ark$1.div, "header");
-var Footer3 = withContext7(ark$1.div, "footer");
-
-// src/components/Tabs.tsx
-var Tabs_exports = {};
-__export(Tabs_exports, {
-  Content: () => Content3,
-  Context: () => TabsContext,
-  Indicator: () => Indicator2,
-  List: () => List,
-  Root: () => Root8,
-  RootProvider: () => RootProvider3,
-  Trigger: () => Trigger3
-});
-var { withProvider: withProvider6, withContext: withContext8 } = createStyleContext(tabs);
-var Root8 = withProvider6(Tabs.Root, "root");
-var RootProvider3 = withProvider6(Tabs.RootProvider, "root");
-var List = withContext8(Tabs.List, "list");
-var Trigger3 = withContext8(Tabs.Trigger, "trigger");
-var Content3 = withContext8(Tabs.Content, "content");
-var Indicator2 = withContext8(Tabs.Indicator, "indicator");
-
-// src/components/Checkbox.tsx
-var Checkbox_exports = {};
-__export(Checkbox_exports, {
-  Control: () => Control2,
-  Group: () => Group2,
-  GroupProvider: () => CheckboxGroupProvider,
-  HiddenInput: () => HiddenInput2,
-  Indicator: () => Indicator3,
-  Label: () => Label2,
-  Root: () => Root9,
-  RootProvider: () => RootProvider4
-});
-var { withProvider: withProvider7, withContext: withContext9 } = createStyleContext(checkbox);
-var Root9 = withProvider7(Checkbox.Root, "root");
-var RootProvider4 = withProvider7(Checkbox.RootProvider, "root");
-var Control2 = withContext9(Checkbox.Control, "control");
-var Group2 = withProvider7(Checkbox.Group, "group");
-var Label2 = withContext9(Checkbox.Label, "label");
-var HiddenInput2 = Checkbox.HiddenInput;
-var Indicator3 = forwardRef(
-  function Indicator4(props, ref) {
-    const { indeterminate, checked } = useCheckboxContext();
-    return /* @__PURE__ */ jsx(Checkbox.Indicator, { indeterminate, asChild: true, children: /* @__PURE__ */ jsxs(
-      styled.svg,
-      {
-        ref,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "3px",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx("title", { children: "Checkmark" }),
-          indeterminate ? /* @__PURE__ */ jsx("path", { d: "M5 12h14" }) : checked ? /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }) : null
-        ]
-      }
-    ) });
-  }
-);
-
-// src/components/RadioGroup.tsx
-var RadioGroup_exports = {};
-__export(RadioGroup_exports, {
-  Context: () => RadioGroupContext,
-  Indicator: () => Indicator5,
-  Item: () => Item2,
-  ItemControl: () => ItemControl,
-  ItemHiddenInput: () => ItemHiddenInput,
-  ItemText: () => ItemText,
-  Label: () => Label3,
-  Root: () => Root10,
-  RootProvider: () => RootProvider5
-});
-var { withProvider: withProvider8, withContext: withContext10 } = createStyleContext(radioGroup);
-var Root10 = withProvider8(RadioGroup.Root, "root");
-var RootProvider5 = withProvider8(RadioGroup.RootProvider, "root");
-var Indicator5 = withContext10(RadioGroup.Indicator, "indicator");
-var Item2 = withContext10(RadioGroup.Item, "item");
-var ItemControl = withContext10(RadioGroup.ItemControl, "itemControl");
-var ItemText = withContext10(RadioGroup.ItemText, "itemText");
-var Label3 = withContext10(RadioGroup.Label, "label");
-var ItemHiddenInput = RadioGroup.ItemHiddenInput;
-
-// src/components/Select.tsx
-var Select_exports = {};
-__export(Select_exports, {
-  ClearTrigger: () => ClearTrigger,
-  Content: () => Content4,
-  Context: () => SelectContext,
-  Control: () => Control3,
-  HiddenSelect: () => HiddenSelect,
-  Indicator: () => Indicator6,
-  IndicatorGroup: () => IndicatorGroup,
-  Item: () => Item3,
-  ItemContext: () => SelectItemContext,
-  ItemGroup: () => ItemGroup,
-  ItemGroupLabel: () => ItemGroupLabel,
-  ItemIndicator: () => ItemIndicator2,
-  ItemText: () => ItemText2,
-  Label: () => Label4,
-  List: () => List2,
-  Positioner: () => Positioner3,
-  Root: () => Root11,
-  Trigger: () => Trigger4,
-  ValueText: () => ValueText
-});
-var { withProvider: withProvider9, withContext: withContext11 } = createStyleContext(select);
-var CheckIcon = () => /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" }) });
-var ChevronsUpDownIcon = () => /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-  /* @__PURE__ */ jsx("path", { d: "m7 15 5 5 5-5" }),
-  /* @__PURE__ */ jsx("path", { d: "m7 9 5-5 5 5" })
-] });
-var Root11 = withProvider9(Select.Root, "root");
-var ClearTrigger = withContext11(Select.ClearTrigger, "clearTrigger");
-var Content4 = withContext11(Select.Content, "content");
-var Control3 = withContext11(Select.Control, "control");
-var IndicatorGroup = withContext11(ark$1.div, "indicatorGroup");
-var Item3 = withContext11(Select.Item, "item");
-var ItemGroup = withContext11(Select.ItemGroup, "itemGroup");
-var ItemGroupLabel = withContext11(Select.ItemGroupLabel, "itemGroupLabel");
-var ItemText2 = withContext11(Select.ItemText, "itemText");
-var Label4 = withContext11(Select.Label, "label");
-var List2 = withContext11(Select.List, "list");
-var Positioner3 = withContext11(Select.Positioner, "positioner");
-var Trigger4 = withContext11(Select.Trigger, "trigger");
-var ValueText = withContext11(Select.ValueText, "valueText");
-var Indicator6 = withContext11(Select.Indicator, "indicator", {
-  defaultProps: { children: /* @__PURE__ */ jsx(ChevronsUpDownIcon, {}) }
-});
-var HiddenSelect = Select.HiddenSelect;
-var StyledItemIndicator = withContext11(Select.ItemIndicator, "itemIndicator");
-var ItemIndicator2 = forwardRef(
-  function ItemIndicator3(props, ref) {
-    const item = useSelectItemContext();
-    return item.selected ? /* @__PURE__ */ jsx(StyledItemIndicator, { ref, ...props, children: /* @__PURE__ */ jsx(CheckIcon, {}) }) : /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", focusable: "false" });
-  }
-);
-
-// src/components/Slider.tsx
-var Slider_exports = {};
-__export(Slider_exports, {
-  Context: () => SliderContext,
-  Control: () => Control4,
-  DraggingIndicator: () => DraggingIndicator,
-  HiddenInput: () => HiddenInput3,
-  Label: () => Label5,
-  Marker: () => Marker,
-  MarkerGroup: () => MarkerGroup,
-  MarkerIndicator: () => MarkerIndicator,
-  Marks: () => Marks,
-  Range: () => Range,
-  Root: () => Root12,
-  Thumb: () => Thumb2,
-  Thumbs: () => Thumbs,
-  Track: () => Track,
-  ValueText: () => ValueText2
-});
-var StyleContextInternal = createContext$1(null);
-var Root12 = forwardRef(
-  function SliderRoot(props, ref) {
-    const { orientation, size, variant, colorPalette, className, ...arkProps } = props;
-    const styles = slider({ orientation, size, variant });
-    const colorPaletteClass = colorPalette ? `color-palette_${colorPalette}` : "";
-    const combinedClassName = [styles.root, colorPaletteClass, className].filter(Boolean).join(" ");
-    return /* @__PURE__ */ jsx(StyleContextInternal.Provider, { value: styles, children: /* @__PURE__ */ jsx(
-      Slider.Root,
-      {
-        ref,
-        orientation,
-        className: combinedClassName,
-        ...arkProps
-      }
-    ) });
-  }
-);
-var createStyledComponent = (Component, slot, displayName) => {
-  const StyledComponent = forwardRef((props, ref) => {
-    const styles = useContext(StyleContextInternal);
-    const slotClass = styles?.[slot];
-    const { className, ...rest } = props;
-    return /* @__PURE__ */ jsx(Component, { ref, className: `${slotClass} ${className || ""}`.trim(), ...rest });
-  });
-  StyledComponent.displayName = displayName;
-  return StyledComponent;
-};
-var Control4 = createStyledComponent(Slider.Control, "control", "Control");
-var Track = createStyledComponent(Slider.Track, "track", "Track");
-var Range = createStyledComponent(Slider.Range, "range", "Range");
-var Thumb2 = forwardRef((props, ref) => {
-  const styles = useContext(StyleContextInternal);
-  const slotClass = styles?.thumb;
-  const { className, ...rest } = props;
-  return /* @__PURE__ */ jsx(Slider.Thumb, { ref, className: `${slotClass} ${className || ""}`.trim(), ...rest });
-});
-Thumb2.displayName = "Thumb";
-var Label5 = forwardRef((props, ref) => {
-  const styles = useContext(StyleContextInternal);
-  const slotClass = styles?.label;
-  const { className, ...rest } = props;
-  return /* @__PURE__ */ jsx(Slider.Label, { ref, className: `${slotClass} ${className || ""}`.trim(), ...rest });
-});
-Label5.displayName = "Label";
-var ValueText2 = forwardRef((props, ref) => {
-  const styles = useContext(StyleContextInternal);
-  const slotClass = styles?.valueText;
-  const { className, ...rest } = props;
-  return /* @__PURE__ */ jsx(Slider.ValueText, { ref, className: `${slotClass} ${className || ""}`.trim(), ...rest });
-});
-ValueText2.displayName = "ValueText";
-var Marker = forwardRef((props, ref) => {
-  const styles = useContext(StyleContextInternal);
-  const slotClass = styles?.marker;
-  const { className, ...rest } = props;
-  return /* @__PURE__ */ jsx(Slider.Marker, { ref, className: `${slotClass} ${className || ""}`.trim(), ...rest });
-});
-Marker.displayName = "Marker";
-var MarkerGroup = forwardRef((props, ref) => {
-  const styles = useContext(StyleContextInternal);
-  const slotClass = styles?.markerGroup;
-  const { className, ...rest } = props;
-  return /* @__PURE__ */ jsx(Slider.MarkerGroup, { ref, className: `${slotClass} ${className || ""}`.trim(), ...rest });
-});
-MarkerGroup.displayName = "MarkerGroup";
-var MarkerIndicator = forwardRef((props, ref) => {
-  const styles = useContext(StyleContextInternal);
-  const slotClass = styles?.markerIndicator;
-  const { className, ...rest } = props;
-  return /* @__PURE__ */ jsx(ark$1.div, { ref, className: `${slotClass} ${className || ""}`.trim(), ...rest });
-});
-MarkerIndicator.displayName = "MarkerIndicator";
-var DraggingIndicator = forwardRef((props, ref) => {
-  const styles = useContext(StyleContextInternal);
-  const slotClass = styles?.draggingIndicator;
-  const { className, ...rest } = props;
-  return /* @__PURE__ */ jsx(Slider.DraggingIndicator, { ref, className: `${slotClass} ${className || ""}`.trim(), ...rest });
-});
-DraggingIndicator.displayName = "DraggingIndicator";
-var HiddenInput3 = Slider.HiddenInput;
-var Marks = forwardRef(function Marks2(props, ref) {
-  const { marks, ...rest } = props;
-  if (!marks?.length) return null;
-  return /* @__PURE__ */ jsx(MarkerGroup, { ref, ...rest, children: marks.map((mark, index) => {
-    const value = typeof mark === "number" ? mark : mark.value;
-    const label = typeof mark === "number" ? void 0 : mark.label;
-    return /* @__PURE__ */ jsxs(Marker, { value, children: [
-      /* @__PURE__ */ jsx(MarkerIndicator, {}),
-      label != null && /* @__PURE__ */ jsx("span", { children: label })
-    ] }, index);
-  }) });
-});
-var Thumbs = (props) => {
-  const slider2 = useSliderContext();
-  return slider2.value.map((_, index) => /* @__PURE__ */ jsx(Thumb2, { index, ...props, children: /* @__PURE__ */ jsx(HiddenInput3, {}) }, index));
-};
-
-// src/components/Avatar.tsx
-var Avatar_exports = {};
-__export(Avatar_exports, {
-  Context: () => AvatarContext,
-  Fallback: () => Fallback,
-  Image: () => Image,
-  Root: () => Root13,
-  RootProvider: () => RootProvider6
-});
-var UserIcon = () => /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
-  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7", r: "4" })
-] });
-var { withProvider: withProvider10, withContext: withContext12 } = createStyleContext(avatar);
-var Root13 = withProvider10(Avatar.Root, "root");
-var RootProvider6 = withProvider10(Avatar.RootProvider, "root");
-var Image = withContext12(Avatar.Image, "image", {
-  defaultProps: {
-    draggable: "false",
-    referrerPolicy: "no-referrer"
-  }
-});
-var StyledFallback = withContext12(Avatar.Fallback, "fallback");
-var Fallback = forwardRef(function Fallback2(props, ref) {
-  const { name, children, asChild, ...rest } = props;
-  const fallbackContent = children || asChild ? children : name ? getInitials(name) : /* @__PURE__ */ jsx(UserIcon, {});
-  return /* @__PURE__ */ jsx(StyledFallback, { ref, ...rest, children: fallbackContent });
-});
-var getInitials = (name) => {
-  const names = name.trim().split(" ");
-  const firstName = names[0] || "";
-  const lastName = names.length > 1 ? names[names.length - 1] : "";
-  return firstName && lastName ? `${firstName[0]}${lastName[0]}` : firstName[0];
-};
-
-// src/components/Progress.tsx
-var Progress_exports = {};
-__export(Progress_exports, {
-  Circle: () => Circle,
-  CircleRange: () => CircleRange,
-  CircleTrack: () => CircleTrack,
-  Label: () => Label6,
-  Range: () => Range2,
-  Root: () => Root14,
-  RootProvider: () => RootProvider7,
-  Track: () => Track2,
-  ValueText: () => ValueText3,
-  View: () => View
-});
-var { withProvider: withProvider11, withContext: withContext13 } = createStyleContext(progress);
-var Root14 = withProvider11(Progress.Root, "root");
-var RootProvider7 = withProvider11(Progress.RootProvider, "root");
-var Circle = withContext13(Progress.Circle, "circle");
-var CircleRange = withContext13(Progress.CircleRange, "circleRange");
-var CircleTrack = withContext13(Progress.CircleTrack, "circleTrack");
-var Label6 = withContext13(Progress.Label, "label");
-var Range2 = withContext13(Progress.Range, "range");
-var Track2 = withContext13(Progress.Track, "track");
-var ValueText3 = withContext13(Progress.ValueText, "valueText");
-var View = withContext13(Progress.View, "view");
-
-// src/components/Skeleton.tsx
-var Skeleton_exports = {};
-__export(Skeleton_exports, {
-  Skeleton: () => Skeleton,
-  SkeletonCircle: () => SkeletonCircle,
-  SkeletonText: () => SkeletonText
-});
-var Skeleton = styled(ark$1.div, skeleton);
-var SkeletonCircle = styled(ark$1.div, skeleton, { defaultProps: { circle: true } });
-var SkeletonText = forwardRef(
-  function SkeletonText2(props, ref) {
-    const { noOfLines = 3, gap, rootProps, ...skeletonProps } = props;
-    return /* @__PURE__ */ jsx(Stack, { ref, gap, width: "full", ...rootProps, children: [...Array(noOfLines).keys()].map((index) => /* @__PURE__ */ jsx(
-      Skeleton,
-      {
-        height: "4",
-        _last: { maxW: noOfLines === 1 ? "100%" : "80%" },
-        ...skeletonProps
-      },
-      index
-    )) });
-  }
-);
-
-// src/components/Popover.tsx
-var Popover_exports = {};
-__export(Popover_exports, {
-  Anchor: () => Anchor,
-  Arrow: () => Arrow,
-  ArrowTip: () => ArrowTip,
-  Body: () => Body4,
-  CloseTrigger: () => CloseTrigger4,
-  Content: () => Content5,
-  Context: () => PopoverContext,
-  Description: () => Description5,
-  Footer: () => Footer4,
-  Header: () => Header4,
-  Indicator: () => Indicator7,
-  Positioner: () => Positioner4,
-  Root: () => Root15,
-  RootProvider: () => RootProvider8,
-  Title: () => Title5,
-  Trigger: () => Trigger5
-});
-var { withRootProvider: withRootProvider3, withContext: withContext14 } = createStyleContext(popover);
-var Root15 = withRootProvider3(Popover.Root, {
-  defaultProps: { unmountOnExit: true, lazyMount: true }
-});
-var RootProvider8 = withRootProvider3(Popover.Root, {
-  defaultProps: { unmountOnExit: true, lazyMount: true }
-});
-var Anchor = withContext14(Popover.Anchor, "anchor");
-var ArrowTip = withContext14(Popover.ArrowTip, "arrowTip");
-var Arrow = withContext14(Popover.Arrow, "arrow", {
-  defaultProps: { children: /* @__PURE__ */ jsx(ArrowTip, {}) }
-});
-var CloseTrigger4 = withContext14(Popover.CloseTrigger, "closeTrigger");
-var Content5 = withContext14(Popover.Content, "content");
-var Description5 = withContext14(Popover.Description, "description");
-var Indicator7 = withContext14(Popover.Indicator, "indicator");
-var Positioner4 = withContext14(Popover.Positioner, "positioner");
-var Title5 = withContext14(Popover.Title, "title");
-var Trigger5 = withContext14(Popover.Trigger, "trigger");
-var Body4 = withContext14(ark$1.div, "body");
-var Header4 = withContext14(ark$1.div, "header");
-var Footer4 = withContext14(ark$1.div, "footer");
-
-// src/components/Tooltip.tsx
-var Tooltip_exports = {};
-__export(Tooltip_exports, {
-  Context: () => TooltipContext,
-  Tooltip: () => Tooltip
-});
-var { withRootProvider: withRootProvider4, withContext: withContext15 } = createStyleContext(tooltip);
-var Root16 = withRootProvider4(Tooltip$1.Root, {
-  defaultProps: { unmountOnExit: true, lazyMount: true }
-});
-var Arrow2 = withContext15(Tooltip$1.Arrow, "arrow");
-var ArrowTip2 = withContext15(Tooltip$1.ArrowTip, "arrowTip");
-var Content6 = withContext15(Tooltip$1.Content, "content");
-var Positioner5 = withContext15(Tooltip$1.Positioner, "positioner");
-var Trigger6 = withContext15(Tooltip$1.Trigger, "trigger");
-var Tooltip = forwardRef(function Tooltip2(props, ref) {
-  const {
-    showArrow,
-    children,
-    disabled,
-    portalled = true,
-    content,
-    contentProps,
-    portalRef,
-    ...rootProps
-  } = props;
-  if (disabled) return children;
-  return /* @__PURE__ */ jsxs(Root16, { ...rootProps, children: [
-    /* @__PURE__ */ jsx(Trigger6, { asChild: true, children }),
-    /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(Positioner5, { children: /* @__PURE__ */ jsxs(Content6, { ref, ...contentProps, children: [
-      showArrow && /* @__PURE__ */ jsx(Arrow2, { children: /* @__PURE__ */ jsx(ArrowTip2, {}) }),
-      content
-    ] }) }) })
-  ] });
-});
-var CustomSeparator = ({ index, className }) => {
-  const stepsContext = useStepsContext();
-  const currentStepIndex = stepsContext.value;
-  const isComplete = currentStepIndex >= index + 2;
-  return /* @__PURE__ */ jsx(
-    Steps.Separator,
-    {
-      className,
-      ...isComplete ? { "data-complete": "" } : {}
-    }
-  );
-};
-var StepperRoot = forwardRef(
-  ({
-    steps,
-    size,
-    orientation,
-    colorPalette = "primary",
-    showContent = true,
-    showActions = false,
-    prevLabel = "Back",
-    nextLabel = "Next",
-    className,
-    children,
-    step,
-    defaultStep,
-    ...props
-  }, ref) => {
-    const classes = stepper({ size, orientation, colorPalette });
-    const stepOrientation = orientation || "horizontal";
-    return /* @__PURE__ */ jsxs(
-      Steps.Root,
-      {
-        ref,
-        count: steps.length,
-        orientation: stepOrientation,
-        className: cx(classes.root, css({ colorPalette }), className),
-        step,
-        defaultStep,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(Steps.List, { className: classes.list, children: steps.map((step2, index) => /* @__PURE__ */ jsxs(Steps.Item, { index, className: classes.item, children: [
-            /* @__PURE__ */ jsxs(Steps.Trigger, { className: classes.trigger, children: [
-              /* @__PURE__ */ jsx(Steps.Indicator, { className: classes.indicator, children: index + 1 }),
-              step2.title && /* @__PURE__ */ jsx("span", { className: classes.label, children: step2.title })
-            ] }),
-            index < steps.length - 1 && /* @__PURE__ */ jsx(CustomSeparator, { index, className: classes.separator })
-          ] }, step2.value)) }),
-          showContent && /* @__PURE__ */ jsxs(Fragment, { children: [
-            steps.map((step2, index) => /* @__PURE__ */ jsx(
-              Steps.Content,
-              {
-                index,
-                className: classes.content,
-                children: step2.description || children
-              },
-              step2.value
-            )),
-            /* @__PURE__ */ jsx(Steps.Progress, { className: classes.progress, children: "All steps completed!" })
-          ] }),
-          showActions && /* @__PURE__ */ jsxs("div", { className: css({ display: "flex", gap: "md", mt: "lg" }), children: [
-            /* @__PURE__ */ jsx(Steps.PrevTrigger, { asChild: true, children: /* @__PURE__ */ jsx("button", { className: button({ variant: "outline" }), children: prevLabel }) }),
-            /* @__PURE__ */ jsx(Steps.NextTrigger, { asChild: true, children: /* @__PURE__ */ jsx("button", { className: button({ variant: "solid" }), children: nextLabel }) })
-          ] }),
-          children
-        ]
-      }
-    );
-  }
-);
-StepperRoot.displayName = "Stepper";
-var Stepper = Object.assign(StepperRoot, {
-  Root: Steps.Root,
-  List: Steps.List,
-  Item: Steps.Item,
-  Trigger: Steps.Trigger,
-  Indicator: Steps.Indicator,
-  Separator: Steps.Separator,
-  Content: Steps.Content,
-  Progress: Steps.Progress,
-  PrevTrigger: Steps.PrevTrigger,
-  NextTrigger: Steps.NextTrigger
-});
-
-export { AbsoluteCenter_exports, Accordion_exports, Avatar_exports, Badge, Button, ButtonGroup, Card_exports, Checkbox_exports, CloseButton_exports, Dialog_exports, Drawer_exports, Group_exports, Heading, IconButton, Icon_exports, Input, InputAddon, InputGroup2 as InputGroup, Popover_exports, Progress_exports, RadioGroup_exports, Select_exports, Skeleton_exports, Slider_exports, Spinner, Stepper, Switch_exports, Tabs_exports, Textarea, Toaster, Tooltip_exports, toaster };
-//# sourceMappingURL=chunk-F7LHARS4.js.map
-//# sourceMappingURL=chunk-F7LHARS4.js.map