@mirohq/design-system-select 0.1.0-select.0

package/dist/main.js

@@ -0,0 +1,142 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystemStitches = require('@mirohq/design-system-stitches');
+var reactSelect = require('@radix-ui/react-select');
+var designSystem = require('@mirohq/design-system');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const StyledSelect = designSystemStitches.styled(reactSelect.Root);
+
+const StyledGroup = designSystemStitches.styled(reactSelect.Group, {});
+
+const Group = React__default["default"].forwardRef((props, forwardRef) => /* @__PURE__ */ jsxRuntime.jsx(StyledGroup, { ...props, ref: forwardRef }));
+
+const StyledItem = designSystemStitches.styled(reactSelect.Item, {});
+
+const StyledItemText = designSystemStitches.styled(reactSelect.ItemText, {});
+
+const StyledItemIndicator = designSystemStitches.styled(reactSelect.ItemIndicator, {});
+
+const Item = React__default["default"].forwardRef(
+  ({ children, ...restProps }, forwardRef) => /* @__PURE__ */ jsxRuntime.jsxs(StyledItem, { ...restProps, ref: forwardRef, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(StyledItemText, { children }),
+    /* @__PURE__ */ jsxRuntime.jsx(StyledItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.IconCheckMark, {}) })
+  ] })
+);
+
+const StyledPortal = designSystemStitches.styled(reactSelect.Portal, {});
+
+const Portal = React__default["default"].forwardRef((props, forwardRef) => /* @__PURE__ */ jsxRuntime.jsx(StyledPortal, { ...props, ref: forwardRef }));
+
+const StyledTrigger = designSystemStitches.styled(reactSelect.Trigger, {});
+
+const Trigger = React__default["default"].forwardRef(({ children, ...restProps }, forwardRef) => /* @__PURE__ */ jsxRuntime.jsxs(StyledTrigger, { ...restProps, ref: forwardRef, children: [
+  children,
+  /* @__PURE__ */ jsxRuntime.jsx(reactSelect.SelectIcon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.IconChevronDown, {}) })
+] }));
+
+const StyledValue = designSystemStitches.styled(reactSelect.Value, {});
+
+const Value = React__default["default"].forwardRef((props, forwardRef) => /* @__PURE__ */ jsxRuntime.jsx(StyledValue, { ...props, ref: forwardRef }));
+
+const StyledContent = designSystemStitches.styled(reactSelect.Content, {});
+
+const Content = React__default["default"].forwardRef(
+  ({
+    side = "bottom",
+    align = "center",
+    alignOffset = 0,
+    collisionPadding = 0,
+    avoidCollisions = true,
+    sticky = "partial",
+    hideWhenDetached = true,
+    overflow = "visible",
+    maxHeight,
+    children,
+    ...restProps
+  }, forwardRef) => {
+    const getOverflowMaxHeight = React.useCallback(() => {
+      const overflowMaxHeigh = "calc(var(--radix-select-content-available-height))";
+      return {
+        maxHeight: maxHeight === void 0 ? overflowMaxHeigh : maxHeight
+      };
+    }, [maxHeight]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      StyledContent,
+      {
+        ...restProps,
+        ref: forwardRef,
+        side,
+        align,
+        alignOffset,
+        avoidCollisions,
+        collisionPadding,
+        sticky,
+        hideWhenDetached,
+        children: overflow === "auto" ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.ScrollArea, { type: "always", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.ScrollArea.Viewport, { css: { ...getOverflowMaxHeight() }, children }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.ScrollArea.Scrollbar, { orientation: "vertical", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.ScrollArea.Thumb, {}) })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children })
+      }
+    );
+  }
+);
+
+const StyledLabel = designSystemStitches.styled(reactSelect.Label, {});
+
+const Label = React__default["default"].forwardRef((props, forwardRef) => /* @__PURE__ */ jsxRuntime.jsx(StyledLabel, { ...props, ref: forwardRef }));
+
+const StyledSeparator = designSystemStitches.styled(reactSelect.Separator, {});
+
+const Separator = React__default["default"].forwardRef((props, forwardRef) => /* @__PURE__ */ jsxRuntime.jsx(StyledSeparator, { ...props, ref: forwardRef }));
+
+const Select = React__default["default"].forwardRef(
+  ({
+    defaultOpen = false,
+    direction = "ltr",
+    open,
+    onOpen,
+    onClose,
+    ...restProps
+  }, forwardRef) => {
+    const [openState, setOpenState] = React.useState(defaultOpen);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      StyledSelect,
+      {
+        ...restProps,
+        dir: direction,
+        open: open != null ? open : openState,
+        onOpenChange: (newOpen) => {
+          if (open == null) {
+            setOpenState(newOpen);
+          }
+          newOpen ? onOpen == null ? void 0 : onOpen() : onClose == null ? void 0 : onClose();
+        },
+        ref: forwardRef
+      }
+    );
+  }
+);
+Select.Group = Group;
+Select.Separator = Separator;
+Select.Content = Content;
+Select.Item = Item;
+Select.Portal = Portal;
+Select.Trigger = Trigger;
+Select.Value = Value;
+Select.Label = Label;
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+exports.Select = Select;
+exports.SelectTypes = types;
+//# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","sources":["../src/select.styled.tsx","../partials/group.styled.tsx","../partials/group.tsx","../partials/item.styled.tsx","../partials/item-text.styled.tsx","../partials/item-indicator.styled.tsx","../partials/item.tsx","../partials/portal.styled.tsx","../partials/portal.tsx","../partials/trigger.styled.tsx","../partials/trigger.tsx","../partials/value.styled.tsx","../partials/value.tsx","../partials/content.styled.tsx","../partials/content.tsx","../partials/label.styled.tsx","../partials/label.tsx","../partials/separator.styled.tsx","../partials/separator.tsx","../src/select.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { Root as RadixSelect } from '@radix-ui/react-select'\n\nexport const StyledSelect = styled(RadixSelect)\n\nexport type StyledSelectProps = ComponentPropsWithRef<typeof StyledSelect>\n","import { Group as RadixGroup } from '@radix-ui/react-select'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledGroup = styled(RadixGroup, {})\n\nexport type StyledGroupProps = StrictComponentProps<typeof StyledGroup>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledGroup } from './group.styled'\nimport type { StyledGroupProps } from './group.styled'\n\nexport interface GroupProps extends StyledGroupProps {}\n\nexport const Group = React.forwardRef<\n  ElementRef<typeof StyledGroup>,\n  GroupProps\n>((props, forwardRef) => <StyledGroup {...props} ref={forwardRef} />)\n","import { Item as RadixItem } from '@radix-ui/react-select'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledItem = styled(RadixItem, {})\n\nexport type StyledItemProps = StrictComponentProps<typeof StyledItem>\n","import { ItemText as RadixItemText } from '@radix-ui/react-select'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledItemText = styled(RadixItemText, {})\n\nexport type StyledItemProps = StrictComponentProps<typeof StyledItemText>\n","import { ItemIndicator as RadixItemIndicator } from '@radix-ui/react-select'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledItemIndicator = styled(RadixItemIndicator, {})\n\nexport type StyledItemIndicatorProps = StrictComponentProps<\n  typeof StyledItemIndicator\n>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { IconCheckMark } from '@mirohq/design-system'\n\nimport { StyledItem } from './item.styled'\nimport type { StyledItemProps } from './item.styled'\nimport { StyledItemText } from './item-text.styled'\nimport { StyledItemIndicator } from './item-indicator.styled'\n\nexport interface ItemProps extends StyledItemProps {\n  /**\n   * The value given as data when submitted with a name.\n   */\n  value: string\n\n  /**\n   * When true, prevents the user from interacting with the item.\n   */\n  disabled?: boolean\n\n  /**\n   * Optional text used for typeahead purposes. By default the typeahead\n   * behavior will use the Select's item text. Use this when the content is\n   * complex, or you have non-textual content inside.\n   */\n  textValue?: string\n}\n\nexport const Item = React.forwardRef<ElementRef<typeof StyledItem>, ItemProps>(\n  ({ children, ...restProps }, forwardRef) => (\n    <StyledItem {...restProps} ref={forwardRef}>\n      <StyledItemText>{children}</StyledItemText>\n      <StyledItemIndicator>\n        <IconCheckMark />\n      </StyledItemIndicator>\n    </StyledItem>\n  )\n)\n","import { Portal as RadixPortal } from '@radix-ui/react-select'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledPortal = styled(RadixPortal, {})\n\nexport type StyledPortalProps = StrictComponentProps<typeof StyledPortal>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledPortal } from './portal.styled'\nimport type { StyledPortalProps } from './portal.styled'\n\nexport interface PortalProps extends StyledPortalProps {\n  /**\n   * Specify a container element to portal the content into.\n   */\n  container?: HTMLElement | null\n}\n\nexport const Portal = React.forwardRef<\n  ElementRef<typeof StyledPortal>,\n  PortalProps\n>((props, forwardRef) => <StyledPortal {...props} ref={forwardRef} />)\n","import type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { Trigger as RadixTrigger } from '@radix-ui/react-select'\n\nexport const StyledTrigger = styled(RadixTrigger, {})\n\nexport type StyledTriggerProps = StrictComponentProps<typeof StyledTrigger>\n","import type { ElementRef } from 'react'\nimport React from 'react'\nimport { SelectIcon as RadixSelectIcon } from '@radix-ui/react-select'\nimport { IconChevronDown } from '@mirohq/design-system'\n\nimport { StyledTrigger } from './trigger.styled'\nimport type { StyledTriggerProps } from './trigger.styled'\n\nexport interface TriggerProps extends StyledTriggerProps {\n  children: React.ReactNode\n}\n\nexport const Trigger = React.forwardRef<\n  ElementRef<typeof StyledTrigger>,\n  TriggerProps\n>(({ children, ...restProps }, forwardRef) => (\n  <StyledTrigger {...restProps} ref={forwardRef}>\n    {children}\n    <RadixSelectIcon asChild>\n      <IconChevronDown />\n    </RadixSelectIcon>\n  </StyledTrigger>\n))\n","import { Value as RadixValue } from '@radix-ui/react-select'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledValue = styled(RadixValue, {})\n\nexport type StyledValueProps = StrictComponentProps<typeof StyledValue>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledValue } from './value.styled'\nimport type { StyledValueProps } from './value.styled'\n\nexport interface ValueProps extends StyledValueProps {\n  /**\n   * The content that will be rendered inside the Select.Value when no value or\n   * defaultValue is set.\n   */\n  placeholder?: React.ReactNode\n\n  /**\n   * The controlled content that will be rendered inside the Select.Value.\n   */\n  children?: React.ReactNode\n}\n\nexport const Value = React.forwardRef<\n  ElementRef<typeof StyledValue>,\n  ValueProps\n>((props, forwardRef) => <StyledValue {...props} ref={forwardRef} />)\n","import { Content as RadixContent } from '@radix-ui/react-select'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledContent = styled(RadixContent, {})\n\nexport type StyledContentProps = StrictComponentProps<typeof StyledContent>\n","import React, { useCallback } from 'react'\nimport type { ElementRef, ReactNode } from 'react'\nimport { ScrollArea } from '@mirohq/design-system'\nimport type { CSS, CSSProperties } from '@stitches/react'\n\nimport { StyledContent } from './content.styled'\nimport type { StyledContentProps } from './content.styled'\nimport type {\n  Boundary,\n  PointerDownOutsideEvent,\n  Side,\n  Overflow,\n} from '../src/types'\n\nexport interface ContentProps extends StyledContentProps {\n  /**\n   * Event handler called when focus moves to the trigger after closing. It can\n   * be prevented by calling event.preventDefault.\n   */\n  onCloseAutoFocus?: (event: Event) => void\n\n  /**\n   * Event handler called when focus moves to the trigger after closing. It can\n   * be prevented by calling event.preventDefault.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void\n\n  /**\n   * Event handler called when a pointer event occurs outside the bounds of the\n   * component. It can be prevented by calling event.preventDefault.\n   */\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n\n  /**\n   * The positioning mode to use, item-aligned is the default and behaves\n   * similarly to a native MacOS menu by positioning content relative to the\n   * active item. popper positions content in the same way as our other\n   * primitives, for example Popover or DropdownMenu.\n   */\n  position?: 'item-aligned' | 'popper'\n\n  /**\n   * The preferred side of the anchor to render against when open. Will be\n   * reversed when collisions occur and avoidCollisions is enabled. Only\n   * available when position is set to popper.\n   */\n  side?: 'top' | 'right' | 'bottom' | 'left'\n\n  /**\n   * The distance in pixels from the anchor. Only available when position is set\n   * to popper.\n   */\n  sideOffset?: number\n\n  /**\n   * The preferred alignment against the anchor. May change when collisions\n   * occur. Only available when position is set to popper.\n   */\n  align?: 'start' | 'center' | 'end'\n\n  /**\n   * An offset in pixels from the \"start\" or \"end\" alignment options. Only\n   * available when position is set to popper.\n   */\n  alignOffset?: number\n\n  /**\n   * When true, overrides the side andalign preferences to prevent collisions\n   * with boundary edges. Only available when position is set to popper.\n   */\n  avoidCollisions?: boolean\n\n  /**\n   * The element used as the collision boundary. By default this is the\n   * viewport, though you can provide additional element(s) to be included in\n   * this check. Only available when position is set to popper.\n   */\n  collisionBoundary?: Boundary\n\n  /**\n   * The distance in pixels from the boundary edges where collision detection\n   * should occur. Accepts a number (same for all sides), or a partial padding\n   * object, for example: { top: 20, left: 20 }. Only available when position is\n   * set to popper.\n   */\n  collisionPadding?: number | Partial<Record<Side, number>>\n\n  /**\n   * The sticky behavior on the align axis. \"partial\" will keep the content in the\n   * boundary as long as the trigger is at least partially in the boundary whilst\n   * \"always\" will keep the content in the boundary regardless. Only available\n   * when position is set to popper.\n   */\n  sticky?: 'partial' | 'always'\n\n  /**\n   * Whether to hide the content when the trigger becomes fully occluded. Only\n   * available when position is set to popper.\n   */\n  hideWhenDetached?: boolean\n\n  /**\n   * The max height for the content.\n   */\n  maxHeight?: CSSProperties['maxHeight']\n\n  /**\n   * Setting overflow as \"visible\" means that the content can extend beyond the\n   * its collision boundary without any clipping or scrolling being\n   * applied.\n   * When set to \"auto,\" a scrollbar is added if the content exceeds its\n   * boundaries. If no maxHeight is defined, it will be automatically adjusted\n   * to fit the remaining space between the trigger and the boundary edge.\n   */\n  overflow?: Overflow\n\n  /**\n   * Select's content.\n   */\n  children?: ReactNode\n}\n\nexport const Content = React.forwardRef<\n  ElementRef<typeof StyledContent>,\n  ContentProps\n>(\n  (\n    {\n      side = 'bottom',\n      align = 'center',\n      alignOffset = 0,\n      collisionPadding = 0,\n      avoidCollisions = true,\n      sticky = 'partial',\n      hideWhenDetached = true,\n      overflow = 'visible',\n      maxHeight,\n      children,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const getOverflowMaxHeight = useCallback((): CSS => {\n      const overflowMaxHeigh = `calc(var(--radix-select-content-available-height))`\n\n      return {\n        maxHeight: maxHeight === undefined ? overflowMaxHeigh : maxHeight,\n      }\n    }, [maxHeight])\n    return (\n      <StyledContent\n        {...restProps}\n        ref={forwardRef}\n        side={side}\n        align={align}\n        alignOffset={alignOffset}\n        avoidCollisions={avoidCollisions}\n        collisionPadding={collisionPadding}\n        sticky={sticky}\n        hideWhenDetached={hideWhenDetached}\n      >\n        {overflow === 'auto' ? (\n          <ScrollArea type='always'>\n            <ScrollArea.Viewport css={{ ...getOverflowMaxHeight() }}>\n              {children}\n            </ScrollArea.Viewport>\n            <ScrollArea.Scrollbar orientation='vertical'>\n              <ScrollArea.Thumb />\n            </ScrollArea.Scrollbar>\n          </ScrollArea>\n        ) : (\n          <>{children}</>\n        )}\n      </StyledContent>\n    )\n  }\n)\n","import { Label as RadixLabel } from '@radix-ui/react-select'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledLabel = styled(RadixLabel, {})\n\nexport type StyledLabelProps = StrictComponentProps<typeof StyledLabel>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledLabel } from './label.styled'\nimport type { StyledLabelProps } from './label.styled'\n\nexport interface LabelProps extends StyledLabelProps {}\n\nexport const Label = React.forwardRef<\n  ElementRef<typeof StyledLabel>,\n  LabelProps\n>((props, forwardRef) => <StyledLabel {...props} ref={forwardRef} />)\n","import { Separator as RadixSeparator } from '@radix-ui/react-select'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledSeparator = styled(RadixSeparator, {})\n\nexport type StyledSeparatorProps = StrictComponentProps<typeof StyledSeparator>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledSeparator } from './separator.styled'\nimport type { StyledSeparatorProps } from './separator.styled'\n\nexport interface SeparatorProps extends StyledSeparatorProps {}\n\nexport const Separator = React.forwardRef<\n  ElementRef<typeof StyledSeparator>,\n  SeparatorProps\n>((props, forwardRef) => <StyledSeparator {...props} ref={forwardRef} />)\n","import React, { useState } from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\n\nimport { StyledSelect } from './select.styled'\nimport type { StyledSelectProps } from './select.styled'\nimport { Group } from '../partials/group'\nimport { Item } from '../partials/item'\nimport { Portal } from '../partials/portal'\nimport { Trigger } from '../partials/trigger'\nimport { Value } from '../partials/value'\nimport { Content } from '../partials/content'\nimport { Label } from '../partials/label'\nimport { Separator } from '../partials/separator'\n\nexport interface SelectProps extends StyledSelectProps {\n  /**\n   * The value of the select when initially rendered. Use when you do not need\n   * to control the state of the select.\n   */\n  defaultValue?: string\n\n  /**\n   * The controlled value of the select. Should be used in conjunction with\n   * onValueChange.\n   */\n  value?: string\n\n  /**\n   * Event handler called when the value changes.\n   */\n  onValueChange?: (value: string) => void\n\n  /**\n   * The open state of the select when it is initially rendered. Use when you do\n   * not need to control its open state.\n   */\n  defaultOpen?: boolean\n\n  /**\n   * The controlled open state of the select. Must be used in conjunction with\n   * onOpenChange.\n   */\n  open?: boolean\n\n  /**\n   * Event handler called when the select opens.\n   */\n  onOpen?: () => void\n\n  /**\n   * Event handler called when the select closes.\n   */\n  onClose?: () => void\n\n  /**\n   * The reading direction of the select when applicable. If omitted, inherits\n   * globally from DirectionProvider or assumes LTR (left-to-right) reading\n   * mode.\n   */\n  direction?: 'ltr' | 'rtl'\n\n  /**\n   * The name of the select. Submitted with its owning form as part of a\n   * name/value pair.\n   */\n  name?: string\n\n  /**\n   * When true, prevents the user from interacting with select.\n   */\n  disabled?: boolean\n\n  /**\n   * When true, indicates that the user must select a value before the owning\n   * form can be submitted.\n   */\n  required?: boolean\n}\n\nexport const Select = React.forwardRef<\n  ElementRef<typeof StyledSelect>,\n  SelectProps\n>(\n  (\n    {\n      defaultOpen = false,\n      direction = 'ltr',\n      open,\n      onOpen,\n      onClose,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const [openState, setOpenState] = useState(defaultOpen)\n\n    return (\n      <StyledSelect\n        {...restProps}\n        dir={direction}\n        open={open ?? openState}\n        onOpenChange={newOpen => {\n          if (open == null) {\n            setOpenState(newOpen)\n          }\n\n          newOpen ? onOpen?.() : onClose?.()\n        }}\n        ref={forwardRef}\n      />\n    )\n  }\n) as ForwardRefExoticComponent<SelectProps> & Partials\n\ninterface Partials {\n  Content: typeof Content\n  Separator: typeof Separator\n  Label: typeof Label\n  Group: typeof Group\n  Item: typeof Item\n  Portal: typeof Portal\n  Trigger: typeof Trigger\n  Value: typeof Value\n}\n\nSelect.Group = Group\nSelect.Separator = Separator\nSelect.Content = Content\nSelect.Item = Item\nSelect.Portal = Portal\nSelect.Trigger = Trigger\nSelect.Value = Value\nSelect.Label = Label\n"],"names":["styled","RadixSelect","RadixGroup","React","jsx","RadixItem","RadixItemText","RadixItemIndicator","jsxs","IconCheckMark","RadixPortal","RadixTrigger","RadixSelectIcon","IconChevronDown","RadixValue","RadixContent","useCallback","ScrollArea","RadixLabel","RadixSeparator","useState"],"mappings":"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"}

package/dist/module.js

@@ -0,0 +1,133 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import React, { useCallback, useState } from 'react';
+import { styled } from '@mirohq/design-system-stitches';
+import { Root, Group as Group$1, Item as Item$1, ItemText, ItemIndicator, Portal as Portal$1, Trigger as Trigger$1, SelectIcon, Value as Value$1, Content as Content$1, Label as Label$1, Separator as Separator$1 } from '@radix-ui/react-select';
+import { IconCheckMark, IconChevronDown, ScrollArea } from '@mirohq/design-system';
+
+const StyledSelect = styled(Root);
+
+const StyledGroup = styled(Group$1, {});
+
+const Group = React.forwardRef((props, forwardRef) => /* @__PURE__ */ jsx(StyledGroup, { ...props, ref: forwardRef }));
+
+const StyledItem = styled(Item$1, {});
+
+const StyledItemText = styled(ItemText, {});
+
+const StyledItemIndicator = styled(ItemIndicator, {});
+
+const Item = React.forwardRef(
+  ({ children, ...restProps }, forwardRef) => /* @__PURE__ */ jsxs(StyledItem, { ...restProps, ref: forwardRef, children: [
+    /* @__PURE__ */ jsx(StyledItemText, { children }),
+    /* @__PURE__ */ jsx(StyledItemIndicator, { children: /* @__PURE__ */ jsx(IconCheckMark, {}) })
+  ] })
+);
+
+const StyledPortal = styled(Portal$1, {});
+
+const Portal = React.forwardRef((props, forwardRef) => /* @__PURE__ */ jsx(StyledPortal, { ...props, ref: forwardRef }));
+
+const StyledTrigger = styled(Trigger$1, {});
+
+const Trigger = React.forwardRef(({ children, ...restProps }, forwardRef) => /* @__PURE__ */ jsxs(StyledTrigger, { ...restProps, ref: forwardRef, children: [
+  children,
+  /* @__PURE__ */ jsx(SelectIcon, { asChild: true, children: /* @__PURE__ */ jsx(IconChevronDown, {}) })
+] }));
+
+const StyledValue = styled(Value$1, {});
+
+const Value = React.forwardRef((props, forwardRef) => /* @__PURE__ */ jsx(StyledValue, { ...props, ref: forwardRef }));
+
+const StyledContent = styled(Content$1, {});
+
+const Content = React.forwardRef(
+  ({
+    side = "bottom",
+    align = "center",
+    alignOffset = 0,
+    collisionPadding = 0,
+    avoidCollisions = true,
+    sticky = "partial",
+    hideWhenDetached = true,
+    overflow = "visible",
+    maxHeight,
+    children,
+    ...restProps
+  }, forwardRef) => {
+    const getOverflowMaxHeight = useCallback(() => {
+      const overflowMaxHeigh = "calc(var(--radix-select-content-available-height))";
+      return {
+        maxHeight: maxHeight === void 0 ? overflowMaxHeigh : maxHeight
+      };
+    }, [maxHeight]);
+    return /* @__PURE__ */ jsx(
+      StyledContent,
+      {
+        ...restProps,
+        ref: forwardRef,
+        side,
+        align,
+        alignOffset,
+        avoidCollisions,
+        collisionPadding,
+        sticky,
+        hideWhenDetached,
+        children: overflow === "auto" ? /* @__PURE__ */ jsxs(ScrollArea, { type: "always", children: [
+          /* @__PURE__ */ jsx(ScrollArea.Viewport, { css: { ...getOverflowMaxHeight() }, children }),
+          /* @__PURE__ */ jsx(ScrollArea.Scrollbar, { orientation: "vertical", children: /* @__PURE__ */ jsx(ScrollArea.Thumb, {}) })
+        ] }) : /* @__PURE__ */ jsx(Fragment, { children })
+      }
+    );
+  }
+);
+
+const StyledLabel = styled(Label$1, {});
+
+const Label = React.forwardRef((props, forwardRef) => /* @__PURE__ */ jsx(StyledLabel, { ...props, ref: forwardRef }));
+
+const StyledSeparator = styled(Separator$1, {});
+
+const Separator = React.forwardRef((props, forwardRef) => /* @__PURE__ */ jsx(StyledSeparator, { ...props, ref: forwardRef }));
+
+const Select = React.forwardRef(
+  ({
+    defaultOpen = false,
+    direction = "ltr",
+    open,
+    onOpen,
+    onClose,
+    ...restProps
+  }, forwardRef) => {
+    const [openState, setOpenState] = useState(defaultOpen);
+    return /* @__PURE__ */ jsx(
+      StyledSelect,
+      {
+        ...restProps,
+        dir: direction,
+        open: open != null ? open : openState,
+        onOpenChange: (newOpen) => {
+          if (open == null) {
+            setOpenState(newOpen);
+          }
+          newOpen ? onOpen == null ? void 0 : onOpen() : onClose == null ? void 0 : onClose();
+        },
+        ref: forwardRef
+      }
+    );
+  }
+);
+Select.Group = Group;
+Select.Separator = Separator;
+Select.Content = Content;
+Select.Item = Item;
+Select.Portal = Portal;
+Select.Trigger = Trigger;
+Select.Value = Value;
+Select.Label = Label;
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+export { Select, types as SelectTypes };
+//# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.js","sources":["../src/select.styled.tsx","../partials/group.styled.tsx","../partials/group.tsx","../partials/item.styled.tsx","../partials/item-text.styled.tsx","../partials/item-indicator.styled.tsx","../partials/item.tsx","../partials/portal.styled.tsx","../partials/portal.tsx","../partials/trigger.styled.tsx","../partials/trigger.tsx","../partials/value.styled.tsx","../partials/value.tsx","../partials/content.styled.tsx","../partials/content.tsx","../partials/label.styled.tsx","../partials/label.tsx","../partials/separator.styled.tsx","../partials/separator.tsx","../src/select.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { Root as RadixSelect } from '@radix-ui/react-select'\n\nexport const StyledSelect = styled(RadixSelect)\n\nexport type StyledSelectProps = ComponentPropsWithRef<typeof StyledSelect>\n","import { Group as RadixGroup } from '@radix-ui/react-select'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledGroup = styled(RadixGroup, {})\n\nexport type StyledGroupProps = StrictComponentProps<typeof StyledGroup>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledGroup } from './group.styled'\nimport type { StyledGroupProps } from './group.styled'\n\nexport interface GroupProps extends StyledGroupProps {}\n\nexport const Group = React.forwardRef<\n  ElementRef<typeof StyledGroup>,\n  GroupProps\n>((props, forwardRef) => <StyledGroup {...props} ref={forwardRef} />)\n","import { Item as RadixItem } from '@radix-ui/react-select'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledItem = styled(RadixItem, {})\n\nexport type StyledItemProps = StrictComponentProps<typeof StyledItem>\n","import { ItemText as RadixItemText } from '@radix-ui/react-select'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledItemText = styled(RadixItemText, {})\n\nexport type StyledItemProps = StrictComponentProps<typeof StyledItemText>\n","import { ItemIndicator as RadixItemIndicator } from '@radix-ui/react-select'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledItemIndicator = styled(RadixItemIndicator, {})\n\nexport type StyledItemIndicatorProps = StrictComponentProps<\n  typeof StyledItemIndicator\n>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { IconCheckMark } from '@mirohq/design-system'\n\nimport { StyledItem } from './item.styled'\nimport type { StyledItemProps } from './item.styled'\nimport { StyledItemText } from './item-text.styled'\nimport { StyledItemIndicator } from './item-indicator.styled'\n\nexport interface ItemProps extends StyledItemProps {\n  /**\n   * The value given as data when submitted with a name.\n   */\n  value: string\n\n  /**\n   * When true, prevents the user from interacting with the item.\n   */\n  disabled?: boolean\n\n  /**\n   * Optional text used for typeahead purposes. By default the typeahead\n   * behavior will use the Select's item text. Use this when the content is\n   * complex, or you have non-textual content inside.\n   */\n  textValue?: string\n}\n\nexport const Item = React.forwardRef<ElementRef<typeof StyledItem>, ItemProps>(\n  ({ children, ...restProps }, forwardRef) => (\n    <StyledItem {...restProps} ref={forwardRef}>\n      <StyledItemText>{children}</StyledItemText>\n      <StyledItemIndicator>\n        <IconCheckMark />\n      </StyledItemIndicator>\n    </StyledItem>\n  )\n)\n","import { Portal as RadixPortal } from '@radix-ui/react-select'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledPortal = styled(RadixPortal, {})\n\nexport type StyledPortalProps = StrictComponentProps<typeof StyledPortal>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledPortal } from './portal.styled'\nimport type { StyledPortalProps } from './portal.styled'\n\nexport interface PortalProps extends StyledPortalProps {\n  /**\n   * Specify a container element to portal the content into.\n   */\n  container?: HTMLElement | null\n}\n\nexport const Portal = React.forwardRef<\n  ElementRef<typeof StyledPortal>,\n  PortalProps\n>((props, forwardRef) => <StyledPortal {...props} ref={forwardRef} />)\n","import type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { Trigger as RadixTrigger } from '@radix-ui/react-select'\n\nexport const StyledTrigger = styled(RadixTrigger, {})\n\nexport type StyledTriggerProps = StrictComponentProps<typeof StyledTrigger>\n","import type { ElementRef } from 'react'\nimport React from 'react'\nimport { SelectIcon as RadixSelectIcon } from '@radix-ui/react-select'\nimport { IconChevronDown } from '@mirohq/design-system'\n\nimport { StyledTrigger } from './trigger.styled'\nimport type { StyledTriggerProps } from './trigger.styled'\n\nexport interface TriggerProps extends StyledTriggerProps {\n  children: React.ReactNode\n}\n\nexport const Trigger = React.forwardRef<\n  ElementRef<typeof StyledTrigger>,\n  TriggerProps\n>(({ children, ...restProps }, forwardRef) => (\n  <StyledTrigger {...restProps} ref={forwardRef}>\n    {children}\n    <RadixSelectIcon asChild>\n      <IconChevronDown />\n    </RadixSelectIcon>\n  </StyledTrigger>\n))\n","import { Value as RadixValue } from '@radix-ui/react-select'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledValue = styled(RadixValue, {})\n\nexport type StyledValueProps = StrictComponentProps<typeof StyledValue>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledValue } from './value.styled'\nimport type { StyledValueProps } from './value.styled'\n\nexport interface ValueProps extends StyledValueProps {\n  /**\n   * The content that will be rendered inside the Select.Value when no value or\n   * defaultValue is set.\n   */\n  placeholder?: React.ReactNode\n\n  /**\n   * The controlled content that will be rendered inside the Select.Value.\n   */\n  children?: React.ReactNode\n}\n\nexport const Value = React.forwardRef<\n  ElementRef<typeof StyledValue>,\n  ValueProps\n>((props, forwardRef) => <StyledValue {...props} ref={forwardRef} />)\n","import { Content as RadixContent } from '@radix-ui/react-select'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledContent = styled(RadixContent, {})\n\nexport type StyledContentProps = StrictComponentProps<typeof StyledContent>\n","import React, { useCallback } from 'react'\nimport type { ElementRef, ReactNode } from 'react'\nimport { ScrollArea } from '@mirohq/design-system'\nimport type { CSS, CSSProperties } from '@stitches/react'\n\nimport { StyledContent } from './content.styled'\nimport type { StyledContentProps } from './content.styled'\nimport type {\n  Boundary,\n  PointerDownOutsideEvent,\n  Side,\n  Overflow,\n} from '../src/types'\n\nexport interface ContentProps extends StyledContentProps {\n  /**\n   * Event handler called when focus moves to the trigger after closing. It can\n   * be prevented by calling event.preventDefault.\n   */\n  onCloseAutoFocus?: (event: Event) => void\n\n  /**\n   * Event handler called when focus moves to the trigger after closing. It can\n   * be prevented by calling event.preventDefault.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void\n\n  /**\n   * Event handler called when a pointer event occurs outside the bounds of the\n   * component. It can be prevented by calling event.preventDefault.\n   */\n  onPointerDownOutside?: (event: PointerDownOutsideEvent) => void\n\n  /**\n   * The positioning mode to use, item-aligned is the default and behaves\n   * similarly to a native MacOS menu by positioning content relative to the\n   * active item. popper positions content in the same way as our other\n   * primitives, for example Popover or DropdownMenu.\n   */\n  position?: 'item-aligned' | 'popper'\n\n  /**\n   * The preferred side of the anchor to render against when open. Will be\n   * reversed when collisions occur and avoidCollisions is enabled. Only\n   * available when position is set to popper.\n   */\n  side?: 'top' | 'right' | 'bottom' | 'left'\n\n  /**\n   * The distance in pixels from the anchor. Only available when position is set\n   * to popper.\n   */\n  sideOffset?: number\n\n  /**\n   * The preferred alignment against the anchor. May change when collisions\n   * occur. Only available when position is set to popper.\n   */\n  align?: 'start' | 'center' | 'end'\n\n  /**\n   * An offset in pixels from the \"start\" or \"end\" alignment options. Only\n   * available when position is set to popper.\n   */\n  alignOffset?: number\n\n  /**\n   * When true, overrides the side andalign preferences to prevent collisions\n   * with boundary edges. Only available when position is set to popper.\n   */\n  avoidCollisions?: boolean\n\n  /**\n   * The element used as the collision boundary. By default this is the\n   * viewport, though you can provide additional element(s) to be included in\n   * this check. Only available when position is set to popper.\n   */\n  collisionBoundary?: Boundary\n\n  /**\n   * The distance in pixels from the boundary edges where collision detection\n   * should occur. Accepts a number (same for all sides), or a partial padding\n   * object, for example: { top: 20, left: 20 }. Only available when position is\n   * set to popper.\n   */\n  collisionPadding?: number | Partial<Record<Side, number>>\n\n  /**\n   * The sticky behavior on the align axis. \"partial\" will keep the content in the\n   * boundary as long as the trigger is at least partially in the boundary whilst\n   * \"always\" will keep the content in the boundary regardless. Only available\n   * when position is set to popper.\n   */\n  sticky?: 'partial' | 'always'\n\n  /**\n   * Whether to hide the content when the trigger becomes fully occluded. Only\n   * available when position is set to popper.\n   */\n  hideWhenDetached?: boolean\n\n  /**\n   * The max height for the content.\n   */\n  maxHeight?: CSSProperties['maxHeight']\n\n  /**\n   * Setting overflow as \"visible\" means that the content can extend beyond the\n   * its collision boundary without any clipping or scrolling being\n   * applied.\n   * When set to \"auto,\" a scrollbar is added if the content exceeds its\n   * boundaries. If no maxHeight is defined, it will be automatically adjusted\n   * to fit the remaining space between the trigger and the boundary edge.\n   */\n  overflow?: Overflow\n\n  /**\n   * Select's content.\n   */\n  children?: ReactNode\n}\n\nexport const Content = React.forwardRef<\n  ElementRef<typeof StyledContent>,\n  ContentProps\n>(\n  (\n    {\n      side = 'bottom',\n      align = 'center',\n      alignOffset = 0,\n      collisionPadding = 0,\n      avoidCollisions = true,\n      sticky = 'partial',\n      hideWhenDetached = true,\n      overflow = 'visible',\n      maxHeight,\n      children,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const getOverflowMaxHeight = useCallback((): CSS => {\n      const overflowMaxHeigh = `calc(var(--radix-select-content-available-height))`\n\n      return {\n        maxHeight: maxHeight === undefined ? overflowMaxHeigh : maxHeight,\n      }\n    }, [maxHeight])\n    return (\n      <StyledContent\n        {...restProps}\n        ref={forwardRef}\n        side={side}\n        align={align}\n        alignOffset={alignOffset}\n        avoidCollisions={avoidCollisions}\n        collisionPadding={collisionPadding}\n        sticky={sticky}\n        hideWhenDetached={hideWhenDetached}\n      >\n        {overflow === 'auto' ? (\n          <ScrollArea type='always'>\n            <ScrollArea.Viewport css={{ ...getOverflowMaxHeight() }}>\n              {children}\n            </ScrollArea.Viewport>\n            <ScrollArea.Scrollbar orientation='vertical'>\n              <ScrollArea.Thumb />\n            </ScrollArea.Scrollbar>\n          </ScrollArea>\n        ) : (\n          <>{children}</>\n        )}\n      </StyledContent>\n    )\n  }\n)\n","import { Label as RadixLabel } from '@radix-ui/react-select'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledLabel = styled(RadixLabel, {})\n\nexport type StyledLabelProps = StrictComponentProps<typeof StyledLabel>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledLabel } from './label.styled'\nimport type { StyledLabelProps } from './label.styled'\n\nexport interface LabelProps extends StyledLabelProps {}\n\nexport const Label = React.forwardRef<\n  ElementRef<typeof StyledLabel>,\n  LabelProps\n>((props, forwardRef) => <StyledLabel {...props} ref={forwardRef} />)\n","import { Separator as RadixSeparator } from '@radix-ui/react-select'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledSeparator = styled(RadixSeparator, {})\n\nexport type StyledSeparatorProps = StrictComponentProps<typeof StyledSeparator>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledSeparator } from './separator.styled'\nimport type { StyledSeparatorProps } from './separator.styled'\n\nexport interface SeparatorProps extends StyledSeparatorProps {}\n\nexport const Separator = React.forwardRef<\n  ElementRef<typeof StyledSeparator>,\n  SeparatorProps\n>((props, forwardRef) => <StyledSeparator {...props} ref={forwardRef} />)\n","import React, { useState } from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\n\nimport { StyledSelect } from './select.styled'\nimport type { StyledSelectProps } from './select.styled'\nimport { Group } from '../partials/group'\nimport { Item } from '../partials/item'\nimport { Portal } from '../partials/portal'\nimport { Trigger } from '../partials/trigger'\nimport { Value } from '../partials/value'\nimport { Content } from '../partials/content'\nimport { Label } from '../partials/label'\nimport { Separator } from '../partials/separator'\n\nexport interface SelectProps extends StyledSelectProps {\n  /**\n   * The value of the select when initially rendered. Use when you do not need\n   * to control the state of the select.\n   */\n  defaultValue?: string\n\n  /**\n   * The controlled value of the select. Should be used in conjunction with\n   * onValueChange.\n   */\n  value?: string\n\n  /**\n   * Event handler called when the value changes.\n   */\n  onValueChange?: (value: string) => void\n\n  /**\n   * The open state of the select when it is initially rendered. Use when you do\n   * not need to control its open state.\n   */\n  defaultOpen?: boolean\n\n  /**\n   * The controlled open state of the select. Must be used in conjunction with\n   * onOpenChange.\n   */\n  open?: boolean\n\n  /**\n   * Event handler called when the select opens.\n   */\n  onOpen?: () => void\n\n  /**\n   * Event handler called when the select closes.\n   */\n  onClose?: () => void\n\n  /**\n   * The reading direction of the select when applicable. If omitted, inherits\n   * globally from DirectionProvider or assumes LTR (left-to-right) reading\n   * mode.\n   */\n  direction?: 'ltr' | 'rtl'\n\n  /**\n   * The name of the select. Submitted with its owning form as part of a\n   * name/value pair.\n   */\n  name?: string\n\n  /**\n   * When true, prevents the user from interacting with select.\n   */\n  disabled?: boolean\n\n  /**\n   * When true, indicates that the user must select a value before the owning\n   * form can be submitted.\n   */\n  required?: boolean\n}\n\nexport const Select = React.forwardRef<\n  ElementRef<typeof StyledSelect>,\n  SelectProps\n>(\n  (\n    {\n      defaultOpen = false,\n      direction = 'ltr',\n      open,\n      onOpen,\n      onClose,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const [openState, setOpenState] = useState(defaultOpen)\n\n    return (\n      <StyledSelect\n        {...restProps}\n        dir={direction}\n        open={open ?? openState}\n        onOpenChange={newOpen => {\n          if (open == null) {\n            setOpenState(newOpen)\n          }\n\n          newOpen ? onOpen?.() : onClose?.()\n        }}\n        ref={forwardRef}\n      />\n    )\n  }\n) as ForwardRefExoticComponent<SelectProps> & Partials\n\ninterface Partials {\n  Content: typeof Content\n  Separator: typeof Separator\n  Label: typeof Label\n  Group: typeof Group\n  Item: typeof Item\n  Portal: typeof Portal\n  Trigger: typeof Trigger\n  Value: typeof Value\n}\n\nSelect.Group = Group\nSelect.Separator = Separator\nSelect.Content = Content\nSelect.Item = Item\nSelect.Portal = Portal\nSelect.Trigger = Trigger\nSelect.Value = Value\nSelect.Label = Label\n"],"names":["RadixSelect","RadixGroup","RadixItem","RadixItemText","RadixItemIndicator","RadixPortal","RadixTrigger","RadixSelectIcon","RadixValue","RadixContent","RadixLabel","RadixSeparator"],"mappings":"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"}