entangle-ui 0.1.0 → 0.3.0

package/dist/esm/components/primitives/Popover/Popover.js

@@ -0,0 +1,121 @@
+import { jsx } from 'react/jsx-runtime';
+import { useId, useRef, useState, useCallback, useMemo, createContext, useContext } from 'react';
+import { useFloating, autoUpdate, offset, flip, shift, useClick, useDismiss, useInteractions } from '@floating-ui/react';
+
+// --- Context ---
+const PopoverContext = /*#__PURE__*/ createContext(null);
+function usePopoverContext() {
+    const ctx = useContext(PopoverContext);
+    if (!ctx) {
+        throw new Error('Popover compound components must be used within <Popover>');
+    }
+    return ctx;
+}
+// --- Component ---
+/**
+ * Popover component — a floating content container for interactive content
+ * anchored to a trigger element.
+ *
+ * Uses @floating-ui/react for robust positioning with collision detection,
+ * flip/shift behavior, and scroll-aware auto-updating.
+ *
+ * @example
+ * ```tsx
+ * <Popover>
+ *   <PopoverTrigger>
+ *     <Button>Open</Button>
+ *   </PopoverTrigger>
+ *   <PopoverContent>
+ *     <p>Popover content</p>
+ *   </PopoverContent>
+ * </Popover>
+ * ```
+ */
+const Popover = ({ open: openProp, defaultOpen = false, placement = 'bottom-start', offset: offset$1 = 8, closeOnClickOutside = true, closeOnEscape = true, returnFocus = true, portal = true, matchTriggerWidth = false, children, onOpenChange, }) => {
+    const autoId = useId();
+    const triggerRef = useRef(null);
+    const contentRef = useRef(null);
+    const [internalOpen, setInternalOpen] = useState(defaultOpen);
+    const isControlled = openProp !== undefined;
+    const isOpen = isControlled ? openProp : internalOpen;
+    const handleOpenChange = useCallback((nextOpen) => {
+        if (!isControlled) {
+            setInternalOpen(nextOpen);
+        }
+        onOpenChange?.(nextOpen);
+    }, [isControlled, onOpenChange]);
+    const openPopover = useCallback(() => {
+        handleOpenChange(true);
+    }, [handleOpenChange]);
+    const closePopover = useCallback(() => {
+        handleOpenChange(false);
+        if (returnFocus) {
+            triggerRef.current?.focus();
+        }
+    }, [handleOpenChange, returnFocus]);
+    const toggle = useCallback(() => {
+        if (isOpen) {
+            closePopover();
+        }
+        else {
+            openPopover();
+        }
+    }, [isOpen, openPopover, closePopover]);
+    // Floating UI setup
+    const { refs, floatingStyles, context } = useFloating({
+        open: isOpen,
+        onOpenChange: handleOpenChange,
+        placement: placement,
+        middleware: [offset(offset$1), flip(), shift({ padding: 8 })],
+        whileElementsMounted: autoUpdate,
+    });
+    // Interactions
+    const click = useClick(context);
+    const dismiss = useDismiss(context, {
+        outsidePress: closeOnClickOutside,
+        escapeKey: closeOnEscape,
+    });
+    const { getReferenceProps, getFloatingProps } = useInteractions([
+        click,
+        dismiss,
+    ]);
+    const contextValue = useMemo(() => ({
+        isOpen,
+        open: openPopover,
+        close: closePopover,
+        toggle,
+        triggerRef,
+        contentRef,
+        placement,
+        offset: offset$1,
+        portal,
+        matchTriggerWidth,
+        popoverId: autoId,
+        // Floating UI context
+        floatingRefs: refs,
+        floatingStyles,
+        floatingContext: context,
+        getReferenceProps,
+        getFloatingProps,
+    }), [
+        isOpen,
+        openPopover,
+        closePopover,
+        toggle,
+        placement,
+        offset$1,
+        portal,
+        matchTriggerWidth,
+        autoId,
+        refs,
+        floatingStyles,
+        context,
+        getReferenceProps,
+        getFloatingProps,
+    ]);
+    return (jsx(PopoverContext.Provider, { value: contextValue, children: children }));
+};
+Popover.displayName = 'Popover';
+
+export { Popover, usePopoverContext };
+//# sourceMappingURL=Popover.js.map

package/dist/esm/components/primitives/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../../../../src/components/primitives/Popover/Popover.tsx"],"sourcesContent":[null],"names":["offset","offsetMiddleware","_jsx"],"mappings":"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"}

package/dist/esm/components/primitives/Popover/PopoverClose.js

@@ -0,0 +1,50 @@
+import { jsx } from 'react/jsx-runtime';
+import { useCallback } from 'react';
+import styled from '@emotion/styled';
+import { usePopoverContext } from './Popover.js';
+
+// --- Styled ---
+const StyledCloseButton = styled.button `
+  /* Reset */
+  margin: 0;
+  padding: 0;
+  border: none;
+  background: transparent;
+  font-family: inherit;
+  outline: none;
+  cursor: pointer;
+
+  /* Layout */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  border-radius: ${props => props.theme.borderRadius.sm}px;
+  color: ${props => props.theme.colors.text.muted};
+  transition: background ${props => props.theme.transitions.fast};
+
+  &:hover {
+    background: ${props => props.theme.colors.surface.hover};
+    color: ${props => props.theme.colors.text.primary};
+  }
+
+  &:focus-visible {
+    box-shadow: ${props => props.theme.shadows.focus};
+  }
+`;
+// --- Close icon ---
+const CloseIcon = () => (jsx("svg", { width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", "aria-hidden": "true", children: jsx("path", { d: "M1.5 1.5L8.5 8.5M8.5 1.5L1.5 8.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }));
+// --- Component ---
+const PopoverClose = ({ children, className, style, testId, ref, ...rest }) => {
+    const { close } = usePopoverContext();
+    const handleClick = useCallback((e) => {
+        e.stopPropagation();
+        close();
+    }, [close]);
+    return (jsx(StyledCloseButton, { ref: ref, type: "button", "aria-label": "Close", onClick: handleClick, className: className, style: style, "data-testid": testId, ...rest, children: children ?? jsx(CloseIcon, {}) }));
+};
+PopoverClose.displayName = 'PopoverClose';
+
+export { PopoverClose };
+//# sourceMappingURL=PopoverClose.js.map

package/dist/esm/components/primitives/Popover/PopoverClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverClose.js","sources":["../../../../../../src/components/primitives/Popover/PopoverClose.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAKA;AAEA,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;mBAgBpB,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAA;WAC5C,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAA;2BACtB,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAA;;;kBAG9C,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAA;aAC9C,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAA;;;;kBAInC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAA;;CAEnD;AAED;AAEA,MAAM,SAAS,GAAa,OAC1BA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,iBACC,MAAM,EAAA,QAAA,EAElBA,cACE,CAAC,EAAC,kCAAkC,EACpC,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,CAAA,EAAA,CACE,CACP;AAED;MAEa,YAAY,GAAgC,CAAC,EACxD,QAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,EACN,GAAG,EACH,GAAG,IAAI,EACR,KAAI;AACH,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,iBAAiB,EAAE;AAErC,IAAA,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,CAAsC,KAAI;QACzC,CAAC,CAAC,eAAe,EAAE;AACnB,QAAA,KAAK,EAAE;AACT,KAAC,EACD,CAAC,KAAK,CAAC,CACR;AAED,IAAA,QACEA,GAAC,CAAA,iBAAiB,EAChB,EAAA,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACF,YAAA,EAAA,OAAO,EAClB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,iBACC,MAAM,EAAA,GACf,IAAI,EAAA,QAAA,EAEP,QAAQ,IAAIA,GAAA,CAAC,SAAS,EAAG,EAAA,CAAA,EAAA,CACR;AAExB;AAEA,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/esm/components/primitives/Popover/PopoverContent.js

@@ -0,0 +1,102 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useCallback, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { FloatingFocusManager } from '@floating-ui/react';
+import styled from '@emotion/styled';
+import { usePopoverContext } from './Popover.js';
+
+const PADDING_MAP = {
+    none: '0',
+    sm: 'sm',
+    md: 'md',
+    lg: 'lg',
+};
+const StyledContentPanel = styled.div `
+  z-index: ${props => props.theme.zIndex.popover};
+
+  background: ${props => props.theme.colors.background.elevated};
+  border: 1px solid ${props => props.theme.colors.border.default};
+  border-radius: ${props => props.theme.borderRadius.lg}px;
+  box-shadow: ${props => props.theme.shadows.lg};
+  color: ${props => props.theme.colors.text.primary};
+  font-size: ${props => props.theme.typography.fontSize.sm}px;
+  font-family: ${props => props.theme.typography.fontFamily.sans};
+
+  padding: ${props => {
+    const key = PADDING_MAP[props.$padding];
+    if (key === '0')
+        return '0';
+    return `${props.theme.spacing[key]}px`;
+}};
+
+  ${props => props.$width != null
+    ? `width: ${typeof props.$width === 'number' ? `${props.$width}px` : props.$width};`
+    : ''}
+  ${props => props.$maxHeight != null
+    ? `max-height: ${typeof props.$maxHeight === 'number' ? `${props.$maxHeight}px` : props.$maxHeight}; overflow-y: auto;`
+    : ''}
+
+  /* Animation */
+  transition:
+    opacity ${props => props.theme.transitions.fast},
+    transform ${props => props.theme.transitions.fast};
+  opacity: ${props => (props.$visible ? 1 : 0)};
+  transform: ${props => (props.$visible ? 'scale(1)' : 'scale(0.96)')};
+  pointer-events: ${props => (props.$visible ? 'auto' : 'none')};
+
+  &:focus {
+    outline: none;
+  }
+`;
+// --- Component ---
+const PopoverContent = ({ children, width, maxHeight, padding = 'md', className, style, testId, ref: externalRef, ...rest }) => {
+    const { isOpen, contentRef, portal, matchTriggerWidth, popoverId, floatingRefs, floatingStyles, floatingContext, getFloatingProps, } = usePopoverContext();
+    const [visible, setVisible] = useState(false);
+    const contentId = `popover-${popoverId}-content`;
+    // Set ref
+    const setRef = useCallback((node) => {
+        contentRef.current = node;
+        floatingRefs.setFloating(node);
+        if (typeof externalRef === 'function') {
+            externalRef(node);
+        }
+        else if (externalRef && typeof externalRef === 'object') {
+            externalRef.current =
+                node;
+        }
+    }, [contentRef, floatingRefs, externalRef]);
+    // Trigger enter animation on next frame after open
+    useEffect(() => {
+        if (isOpen) {
+            requestAnimationFrame(() => {
+                setVisible(true);
+            });
+        }
+        else {
+            setVisible(false);
+        }
+    }, [isOpen]);
+    if (!isOpen) {
+        return null;
+    }
+    // Get trigger width for matchTriggerWidth
+    const triggerWidth = matchTriggerWidth
+        ? floatingRefs.reference.current
+            ? floatingRefs.reference.current.offsetWidth
+            : undefined
+        : undefined;
+    const computedWidth = matchTriggerWidth ? triggerWidth : width;
+    const floatingProps = getFloatingProps();
+    const contentElement = (jsx(FloatingFocusManager, { context: floatingContext, modal: false, children: jsx(StyledContentPanel, { ref: setRef, role: "dialog", id: contentId, tabIndex: -1, "$width": computedWidth, "$maxHeight": maxHeight, "$padding": padding, "$visible": visible, className: className, style: {
+                ...floatingStyles,
+                ...style,
+            }, "data-testid": testId, ...floatingProps, ...rest, children: children }) }));
+    if (portal) {
+        return createPortal(contentElement, document.body);
+    }
+    return contentElement;
+};
+PopoverContent.displayName = 'PopoverContent';
+
+export { PopoverContent };
+//# sourceMappingURL=PopoverContent.js.map

package/dist/esm/components/primitives/Popover/PopoverContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContent.js","sources":["../../../../../../src/components/primitives/Popover/PopoverContent.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}

package/dist/esm/components/primitives/Popover/PopoverTrigger.js

@@ -0,0 +1,37 @@
+import React, { useCallback } from 'react';
+import { usePopoverContext } from './Popover.js';
+
+/**
+ * Wraps the trigger element for a Popover.
+ * Clicking the trigger toggles the popover open/closed.
+ */
+const PopoverTrigger = ({ children }) => {
+    const { toggle, isOpen, triggerRef, popoverId, floatingRefs, getReferenceProps, } = usePopoverContext();
+    const contentId = `popover-${popoverId}-content`;
+    const handleClick = useCallback((e) => {
+        e.stopPropagation();
+        toggle();
+    }, [toggle]);
+    const setRef = useCallback((node) => {
+        triggerRef.current = node;
+        floatingRefs.setReference(node);
+    }, [triggerRef, floatingRefs]);
+    // Clone the child element to add props
+    if (!React.isValidElement(children)) {
+        return null;
+    }
+    const referenceProps = getReferenceProps({
+        onClick: handleClick,
+    });
+    return React.cloneElement(children, {
+        ref: setRef,
+        ...referenceProps,
+        'aria-haspopup': 'dialog',
+        'aria-expanded': isOpen,
+        'aria-controls': isOpen ? contentId : undefined,
+    });
+};
+PopoverTrigger.displayName = 'PopoverTrigger';
+
+export { PopoverTrigger };
+//# sourceMappingURL=PopoverTrigger.js.map

package/dist/esm/components/primitives/Popover/PopoverTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverTrigger.js","sources":["../../../../../../src/components/primitives/Popover/PopoverTrigger.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA;;;AAGG;MACU,cAAc,GAAkC,CAAC,EAAE,QAAQ,EAAE,KAAI;AAC5E,IAAA,MAAM,EACJ,MAAM,EACN,MAAM,EACN,UAAU,EACV,SAAS,EACT,YAAY,EACZ,iBAAiB,GAClB,GAAG,iBAAiB,EAAE;AACvB,IAAA,MAAM,SAAS,GAAG,CAAW,QAAA,EAAA,SAAS,UAAU;AAEhD,IAAA,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,CAAmB,KAAI;QACtB,CAAC,CAAC,eAAe,EAAE;AACnB,QAAA,MAAM,EAAE;AACV,KAAC,EACD,CAAC,MAAM,CAAC,CACT;AAED,IAAA,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,IAAwB,KAAI;AAC3B,QAAA,UAAU,CAAC,OAAO,GAAG,IAAI;AACzB,QAAA,YAAY,CAAC,YAAY,CAAC,IAAI,CAAC;AACjC,KAAC,EACD,CAAC,UAAU,EAAE,YAAY,CAAC,CAC3B;;IAGD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;AACnC,QAAA,OAAO,IAAI;;IAGb,MAAM,cAAc,GAAG,iBAAiB,CAAC;AACvC,QAAA,OAAO,EAAE,WAAW;AACrB,KAAA,CAAC;AAEF,IAAA,OAAO,KAAK,CAAC,YAAY,CACvB,QAAuD,EACvD;AACE,QAAA,GAAG,EAAE,MAAM;AACX,QAAA,GAAG,cAAc;AACjB,QAAA,eAAe,EAAE,QAAQ;AACzB,QAAA,eAAe,EAAE,MAAM;QACvB,eAAe,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS;AAChD,KAAA,CACF;AACH;AAEA,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/esm/components/primitives/Switch/Switch.js

@@ -0,0 +1,170 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useId, useState, useCallback } from 'react';
+import styled from '@emotion/styled';
+import { processCss } from '../../../utils/styledUtils.js';
+import '../../form/FormLabel.js';
+import { FormHelperText } from '../../form/FormHelperText.js';
+import '../../form/InputWrapper.js';
+
+const SIZE_MAP = {
+    sm: { trackW: 28, trackH: 14, thumbDiameter: 10, offset: 2 },
+    md: { trackW: 34, trackH: 18, thumbDiameter: 14, offset: 2 },
+    lg: { trackW: 42, trackH: 22, thumbDiameter: 18, offset: 2 },
+};
+const FONT_SIZE_MAP = {
+    sm: 'xs',
+    md: 'sm',
+    lg: 'md',
+};
+// --- Styled components ---
+const StyledSwitchContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+`;
+const StyledSwitchRow = styled.label `
+  display: inline-flex;
+  align-items: center;
+  gap: ${props => props.theme.spacing.sm}px;
+  cursor: ${props => (props.$disabled ? 'not-allowed' : 'pointer')};
+  flex-direction: ${props => (props.$labelPosition === 'left' ? 'row' : 'row')};
+  font-size: ${props => props.theme.typography.fontSize[FONT_SIZE_MAP[props.$size]]}px;
+  color: ${props => props.$disabled
+    ? props.theme.colors.text.disabled
+    : props.theme.colors.text.secondary};
+  line-height: ${props => props.theme.typography.lineHeight.normal};
+  user-select: none;
+`;
+const StyledLabelText = styled.span `
+  order: ${props => props.$order};
+`;
+const StyledTrack = styled.button `
+  /* Reset */
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  outline: none;
+  cursor: ${props => (props.$disabled ? 'not-allowed' : 'pointer')};
+
+  /* Layout */
+  display: inline-flex;
+  align-items: center;
+  position: relative;
+  flex-shrink: 0;
+
+  /* Sizing */
+  width: ${props => SIZE_MAP[props.$size].trackW}px;
+  height: ${props => SIZE_MAP[props.$size].trackH}px;
+  border-radius: ${props => SIZE_MAP[props.$size].trackH}px;
+  transition:
+    background-color ${props => props.theme.transitions.fast},
+    border-color ${props => props.theme.transitions.fast};
+
+  /* State styles */
+  ${props => {
+    const { colors } = props.theme;
+    if (props.$disabled) {
+        return `
+        opacity: 0.5;
+        background: ${props.$checked ? colors.accent.primary : colors.surface.active};
+        border: 1px solid ${props.$checked ? 'transparent' : colors.border.default};
+      `;
+    }
+    if (props.$error && !props.$checked) {
+        return `
+        background: ${colors.surface.active};
+        border: 1px solid ${colors.accent.error};
+        &:hover {
+          background: ${colors.surface.hover};
+        }
+      `;
+    }
+    if (props.$checked) {
+        return `
+        background: ${colors.accent.primary};
+        border: 1px solid transparent;
+        &:hover {
+          background: ${colors.accent.secondary};
+        }
+      `;
+    }
+    return `
+      background: ${colors.surface.active};
+      border: 1px solid ${colors.border.default};
+      &:hover {
+        background: ${colors.surface.hover};
+      }
+    `;
+}}
+
+  /* Focus visible */
+  &:focus-visible {
+    box-shadow: ${props => props.theme.shadows.focus};
+  }
+
+  /* Disabled */
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  /* Custom CSS */
+  ${props => processCss(props.$css, props.theme)}
+`;
+const StyledThumb = styled.span `
+  position: absolute;
+  border-radius: 50%;
+  transition: transform ${props => props.theme.transitions.fast};
+
+  width: ${props => SIZE_MAP[props.$size].thumbDiameter}px;
+  height: ${props => SIZE_MAP[props.$size].thumbDiameter}px;
+
+  background: ${props => props.$checked ? 'white' : props.theme.colors.text.muted};
+
+  ${props => {
+    const config = SIZE_MAP[props.$size];
+    const translateX = config.trackW - config.thumbDiameter - config.offset * 2;
+    return `
+      transform: translateX(${props.$checked ? translateX : config.offset}px);
+    `;
+}}
+`;
+/**
+ * Switch component for boolean on/off states in editor toolbars,
+ * settings panels, and property inspectors.
+ *
+ * More space-efficient than Checkbox for toggle options like
+ * "Show Grid", "Snap to Grid", "Auto-Save".
+ *
+ * @example
+ * ```tsx
+ * <Switch label="Show Grid" />
+ * <Switch checked={value} onChange={setValue} label="Auto-save" />
+ * ```
+ */
+const Switch = ({ checked: checkedProp, defaultChecked = false, label, labelPosition = 'right', size = 'md', disabled = false, helperText, error = false, errorMessage, name, onChange, className, style, css, testId, ref, id: idProp, ...rest }) => {
+    const autoId = useId();
+    const switchId = idProp ?? autoId;
+    const helperId = `${switchId}-helper`;
+    const [internalChecked, setInternalChecked] = useState(defaultChecked);
+    const isControlled = checkedProp !== undefined;
+    const resolvedChecked = isControlled ? checkedProp : internalChecked;
+    const handleClick = useCallback(() => {
+        if (disabled)
+            return;
+        const newChecked = !resolvedChecked;
+        if (!isControlled) {
+            setInternalChecked(newChecked);
+        }
+        onChange?.(newChecked);
+    }, [disabled, resolvedChecked, isControlled, onChange]);
+    const showHelperText = error && errorMessage ? errorMessage : helperText;
+    const track = (jsxs(StyledTrack, { ref: ref, type: "button", role: "switch", "aria-checked": resolvedChecked, "aria-disabled": disabled || undefined, "aria-describedby": showHelperText ? helperId : undefined, disabled: disabled, onClick: handleClick, "$size": size, "$checked": resolvedChecked, "$disabled": disabled, "$error": error, "$css": css, "data-testid": testId, ...rest, children: [jsx(StyledThumb, { "$size": size, "$checked": resolvedChecked }), name && (jsx("input", { type: "hidden", name: name, value: resolvedChecked ? 'on' : '' }))] }));
+    if (!label && !showHelperText) {
+        return track;
+    }
+    return (jsxs(StyledSwitchContainer, { className: className, style: style, children: [jsxs(StyledSwitchRow, { "$labelPosition": labelPosition, "$disabled": disabled, "$size": size, children: [labelPosition === 'left' && label && (jsx(StyledLabelText, { "$order": 0, children: label })), track, labelPosition === 'right' && label && (jsx(StyledLabelText, { "$order": 1, children: label }))] }), showHelperText && (jsx(FormHelperText, { id: helperId, error: error, children: showHelperText }))] }));
+};
+Switch.displayName = 'Switch';
+
+export { Switch };
+//# sourceMappingURL=Switch.js.map

package/dist/esm/components/primitives/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sources":["../../../../../../src/components/primitives/Switch/Switch.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AA0FA,MAAM,QAAQ,GAAmC;AAC/C,IAAA,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;AAC5D,IAAA,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;AAC5D,IAAA,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;CAC7D;AAED,MAAM,aAAa,GACjB;AACE,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;CACT;AAEH;AAEA,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGvC;AAQD,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAsB;;;SAGjD,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;AAC5B,UAAA,EAAA,KAAK,KAAK,KAAK,CAAC,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC,CAAA;AAC9C,kBAAA,EAAA,KAAK,KAAK,KAAK,CAAC,cAAc,KAAK,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC,CAAA;AAC/D,aAAA,EAAA,KAAK,IAChB,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;AACpD,SAAA,EAAA,KAAK,IACZ,KAAK,CAAC;MACF,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;MACxB,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAA;iBACxB,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM,CAAA;;CAEjE;AAED,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAoB;AAC5C,SAAA,EAAA,KAAK,IAAI,KAAK,CAAC,MAAM,CAAA;CAC/B;AAUD,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAkB;;;;;;AAMvC,UAAA,EAAA,KAAK,KAAK,KAAK,CAAC,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC,CAAA;;;;;;;;;WASvD,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAA;YACpC,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAA;mBAC9B,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAA;;uBAEjC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAA;mBACzC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAA;;;AAGpD,EAAA,EAAA,KAAK,IAAG;AACR,IAAA,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK;AAE9B,IAAA,IAAI,KAAK,CAAC,SAAS,EAAE;QACnB,OAAO;;AAES,oBAAA,EAAA,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAA;AACxD,0BAAA,EAAA,KAAK,CAAC,QAAQ,GAAG,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAA;OAC3E;;IAGH,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;QACnC,OAAO;sBACS,MAAM,CAAC,OAAO,CAAC,MAAM,CAAA;4BACf,MAAM,CAAC,MAAM,CAAC,KAAK,CAAA;;wBAEvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAA;;OAErC;;AAGH,IAAA,IAAI,KAAK,CAAC,QAAQ,EAAE;QAClB,OAAO;sBACS,MAAM,CAAC,MAAM,CAAC,OAAO,CAAA;;;wBAGnB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAA;;OAExC;;IAGH,OAAO;oBACS,MAAM,CAAC,OAAO,CAAC,MAAM,CAAA;0BACf,MAAM,CAAC,MAAM,CAAC,OAAO,CAAA;;sBAEzB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAA;;KAErC;AACH,CAAC;;;;kBAIe,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAA;;;;;;;;;;AAUhD,EAAA,EAAA,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC;CAC/C;AAOD,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAkB;;;0BAGvB,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAA;;WAEpD,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,aAAa,CAAA;YAC3C,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,aAAa,CAAA;;gBAExC,KAAK,IACjB,KAAK,CAAC,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAA;;AAExD,EAAA,EAAA,KAAK,IAAG;IACR,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;AACpC,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,aAAa,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC;IAC3E,OAAO;8BACmB,KAAK,CAAC,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC,MAAM,CAAA;KACpE;AACH,CAAC;CACF;AAED;;;;;;;;;;;;AAYG;AACU,MAAA,MAAM,GAA0B,CAAC,EAC5C,OAAO,EAAE,WAAW,EACpB,cAAc,GAAG,KAAK,EACtB,KAAK,EACL,aAAa,GAAG,OAAO,EACvB,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,EAChB,UAAU,EACV,KAAK,GAAG,KAAK,EACb,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,EACH,MAAM,EACN,GAAG,EACH,EAAE,EAAE,MAAM,EACV,GAAG,IAAI,EACR,KAAI;AACH,IAAA,MAAM,MAAM,GAAG,KAAK,EAAE;AACtB,IAAA,MAAM,QAAQ,GAAG,MAAM,IAAI,MAAM;AACjC,IAAA,MAAM,QAAQ,GAAG,CAAG,EAAA,QAAQ,SAAS;IAErC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC;AACtE,IAAA,MAAM,YAAY,GAAG,WAAW,KAAK,SAAS;IAC9C,MAAM,eAAe,GAAG,YAAY,GAAG,WAAW,GAAG,eAAe;AAEpE,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;AACnC,QAAA,IAAI,QAAQ;YAAE;AAEd,QAAA,MAAM,UAAU,GAAG,CAAC,eAAe;QAEnC,IAAI,CAAC,YAAY,EAAE;YACjB,kBAAkB,CAAC,UAAU,CAAC;;AAGhC,QAAA,QAAQ,GAAG,UAAU,CAAC;KACvB,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC;AAEvD,IAAA,MAAM,cAAc,GAAG,KAAK,IAAI,YAAY,GAAG,YAAY,GAAG,UAAU;AAExE,IAAA,MAAM,KAAK,IACTA,KAAC,WAAW,EAAA,EACV,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EAAA,cAAA,EACC,eAAe,EACd,eAAA,EAAA,QAAQ,IAAI,SAAS,EAAA,kBAAA,EAClB,cAAc,GAAG,QAAQ,GAAG,SAAS,EACvD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EAAA,OAAA,EACb,IAAI,EACD,UAAA,EAAA,eAAe,eACd,QAAQ,EAAA,QAAA,EACX,KAAK,EACP,MAAA,EAAA,GAAG,iBACI,MAAM,EAAA,GACf,IAAI,EAER,QAAA,EAAA,CAAAC,GAAA,CAAC,WAAW,EAAQ,EAAA,OAAA,EAAA,IAAI,cAAY,eAAe,EAAA,CAAI,EACtD,IAAI,KACHA,GAAO,CAAA,OAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,GAAG,IAAI,GAAG,EAAE,GAAI,CACxE,CAAA,EAAA,CACW,CACf;AAED,IAAA,IAAI,CAAC,KAAK,IAAI,CAAC,cAAc,EAAE;AAC7B,QAAA,OAAO,KAAK;;AAGd,IAAA,QACED,IAAA,CAAC,qBAAqB,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAA,QAAA,EAAA,CACvDA,IAAC,CAAA,eAAe,sBACE,aAAa,EAAA,WAAA,EAClB,QAAQ,EAAA,OAAA,EACZ,IAAI,EAEV,QAAA,EAAA,CAAA,aAAa,KAAK,MAAM,IAAI,KAAK,KAChCC,GAAA,CAAC,eAAe,EAAS,EAAA,QAAA,EAAA,CAAC,EAAG,QAAA,EAAA,KAAK,GAAmB,CACtD,EACA,KAAK,EACL,aAAa,KAAK,OAAO,IAAI,KAAK,KACjCA,GAAA,CAAC,eAAe,EAAA,EAAA,QAAA,EAAS,CAAC,EAAG,QAAA,EAAA,KAAK,EAAmB,CAAA,CACtD,IACe,EACjB,cAAc,KACbA,IAAC,cAAc,EAAA,EAAC,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,YACvC,cAAc,EAAA,CACA,CAClB,CAAA,EAAA,CACqB;AAE5B;AAEA,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}