@astryxdesign/core 0.1.5 → 0.1.6-canary.02f2602

package/dist/Section/Section.js

@@ -40,7 +40,7 @@ import { themeProps } from "../utils/themeProps.js";
  * Visual variant for the section.
  * Extensible via module augmentation of SectionVariantMap.
  */
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const variantStyles = {
   section: {
     kWkggS: "x10xzikg",
@@ -157,7 +157,7 @@ export function Section({
   const effectivePadding = padding ?? 4;
   const paddingToken = spacingStepToToken[effectivePadding];
   const outerStylex = stylex.props(nestedStyles.outer, dynamicStyles.sizing(width ?? null, height ?? null, maxWidth ?? null, minHeight ?? null), xstyle);
-  return /*#__PURE__*/_jsxDEV("div", {
+  return /*#__PURE__*/_jsx("div", {
     ref: ref,
     className: [outerStylex.className, className].filter(Boolean).join(' ') || undefined,
     style: style && outerStylex.style ? {
@@ -165,7 +165,7 @@ export function Section({
       ...style
     } : style || outerStylex.style,
     ...props,
-    children: /*#__PURE__*/_jsxDEV("div", {
+    children: /*#__PURE__*/_jsx("div", {
       ...mergeProps(themeProps('section', {
         variant
       }), stylex.props(nestedStyles.inner, ...container(useThemeDefault ? {
@@ -177,7 +177,7 @@ export function Section({
         paddingOuterY: paddingToken
       }), !useThemeDefault && effectivePadding !== 4 && paddingStyles[effectivePadding], !useThemeDefault && effectivePadding !== 4 && containerPaddingInlineVarStyles[effectivePadding], !useThemeDefault && effectivePadding !== 4 && containerPaddingBlockStartVarStyles[effectivePadding], !useThemeDefault && effectivePadding !== 4 && containerPaddingBlockEndVarStyles[effectivePadding], !useThemeDefault && sectionPaddingPropagationStyles[effectivePadding], paddingBlock != null && paddingBlockStyles[paddingBlock], paddingBlock != null && containerPaddingBlockStartVarStyles[paddingBlock], paddingBlock != null && containerPaddingBlockEndVarStyles[paddingBlock], variantStyles[variant], dividers?.includes('top') && dividerStyles.top, dividers?.includes('bottom') && dividerStyles.bottom, dividers?.includes('start') && dividerStyles.start, dividers?.includes('end') && dividerStyles.end)),
       children: children
-    }, void 0, false)
-  }, void 0, false);
+    })
+  });
 }
 Section.displayName = 'Section';

package/dist/SegmentedControl/SegmentedControl.js

@@ -25,7 +25,7 @@ import { useTooltip } from "../Tooltip/index.js";
 import { mergeProps, mergeRefs, composeEventHandlers } from "../utils/index.js";
 import { useSize } from "../SizeContext/SizeContext.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -191,9 +191,9 @@ export function SegmentedControl({
     isDisabled,
     hasDisabledMessage: showsDisabledMessage
   }), [value, onChange, size, layout, isDisabled, showsDisabledMessage]);
-  return /*#__PURE__*/_jsxDEV(SegmentedControlContext, {
+  return /*#__PURE__*/_jsxs(SegmentedControlContext, {
     value: contextValue,
-    children: [/*#__PURE__*/_jsxDEV("div", {
+    children: [/*#__PURE__*/_jsxs("div", {
       ref: mergeRefs(ref, listRef, disabledMessageTooltip.ref),
       ...rest,
       role: "radiogroup",
@@ -207,7 +207,7 @@ export function SegmentedControl({
         size
       }), stylex.props(styles.container, sizeStyles[size], layout === 'fill' && styles.fill, isDisabled && (showsDisabledMessage ? styles.disabledWithMessage : styles.disabled), xstyle), className, style),
       children: [children, hint.hintElement]
-    }, void 0, true), showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
-  }, void 0, true);
+    }), showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
+  });
 }
 SegmentedControl.displayName = 'SegmentedControl';

package/dist/SegmentedControl/SegmentedControlItem.js

@@ -21,7 +21,7 @@ import { colorVars, spacingVars, sizeVars, durationVars, easeVars, fontWeightVar
 import { useSegmentedControlContext } from "./SegmentedControlContext.js";
 import { mergeProps, composeEventHandlers } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -156,11 +156,11 @@ export function SegmentedControlItem({
       ctx.onChange(value);
     }
   });
-  const iconElement = icon ? /*#__PURE__*/_jsxDEV("span", {
+  const iconElement = icon ? /*#__PURE__*/_jsx("span", {
     ...stylex.props(styles.icon, iconSizeStyles[size]),
     children: icon
-  }, void 0, false) : null;
-  return /*#__PURE__*/_jsxDEV("button", {
+  }) : null;
+  return /*#__PURE__*/_jsxs("button", {
     ref: ref,
     ...rest,
     type: "button",
@@ -182,9 +182,9 @@ export function SegmentedControlItem({
       selected: isSelected ? 'selected' : null,
       disabled: isItemDisabled ? 'disabled' : null
     }), stylex.props(styles.base, sizeStyles[size], isFill && styles.fill, isSelected && styles.selected, !isSelected && !isItemDisabled && styles.hover, isItemDisabled && styles.disabled)),
-    children: [iconElement, !isLabelHidden && /*#__PURE__*/_jsxDEV("span", {
+    children: [iconElement, !isLabelHidden && /*#__PURE__*/_jsx("span", {
       children: label
-    }, void 0, false)]
-  }, void 0, true);
+    })]
+  });
 }
 SegmentedControlItem.displayName = 'SegmentedControlItem';

package/dist/SelectableCard/SelectableCard.js

@@ -37,7 +37,7 @@ import { themeProps } from "../utils/themeProps.js";
 // =============================================================================
 // Styles — selection + interaction; Card handles the rest
 // =============================================================================
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const styles = {
   interactive: {
     kVAEAm: "x1n2onr6",
@@ -237,7 +237,7 @@ export function SelectableCard({
     onMouseUp(e);
     onMouseUpProp(e);
   } : onMouseUp;
-  return /*#__PURE__*/_jsxDEV(Card, {
+  return /*#__PURE__*/_jsxs(Card, {
     ref: mergeRefs(ref, containerRef),
     width: width,
     height: height,
@@ -255,7 +255,7 @@ export function SelectableCard({
     onClick: !isDisabled ? composedOnClick : undefined,
     onMouseUp: !isDisabled ? composedOnMouseUp : undefined,
     ...props,
-    children: [/*#__PURE__*/_jsxDEV("input", {
+    children: [/*#__PURE__*/_jsx("input", {
       ref: interactiveRef,
       type: "checkbox",
       checked: isSelected,
@@ -265,7 +265,7 @@ export function SelectableCard({
       ...{
         className: "x10l6tqk x1i1rx1s xjm9jq1 x1717udv xkdpibf xb3r6kr xzpqnlu xuxw1ft xc342km"
       }
-    }, void 0, false), children]
-  }, void 0, true);
+    }), children]
+  });
 }
 SelectableCard.displayName = 'SelectableCard';

package/dist/Selector/Selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Selector.d.ts","sourceRoot":"","sources":["../../src/Selector/Selector.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Selector.d.ts","sourceRoot":"","sources":["../../src/Selector/Selector.tsx"],"names":[],"mappings":"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"}

package/dist/Selector/Selector.js

@@ -35,7 +35,8 @@ import { themeProps } from "../utils/themeProps.js";
 import { groupStyles } from "../InputGroup/groupStyles.js";
 import { useInputGroup } from "../InputGroup/InputGroupContext.js";
 import { VisuallyHidden } from "../VisuallyHidden/index.js";
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
+import { useTranslator } from "../i18n/index.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const styles = {
   triggerContainer: {
     kVAEAm: "x1n2onr6",
@@ -158,10 +159,10 @@ const STATUS_ICON_COLOR_MAP = {
 function DefaultOption({
   option
 }) {
-  return /*#__PURE__*/_jsxDEV(SelectorOption, {
+  return /*#__PURE__*/_jsx(SelectorOption, {
     icon: option.icon,
     label: option.label ?? option.value
-  }, void 0, false);
+  });
 }
 
 /**
@@ -179,6 +180,7 @@ function DefaultOption({
  * ```
  */
 export function Selector(props) {
+  const t = useTranslator();
   const {
     label,
     isLabelHidden = false,
@@ -192,7 +194,7 @@ export function Selector(props) {
     onChange,
     changeAction,
     isLoading = false,
-    placeholder = 'Select...',
+    placeholder: placeholderFromProps,
     size: sizeProp,
     status,
     labelTooltip,
@@ -200,7 +202,7 @@ export function Selector(props) {
     htmlName,
     renderOption,
     hasSearch = false,
-    searchPlaceholder = 'Search...',
+    searchPlaceholder: searchPlaceholderFromProps,
     placement,
     isDefaultOpen = false,
     'data-testid': testId,
@@ -211,6 +213,8 @@ export function Selector(props) {
     hasClear: hasClearProp,
     ...rest
   } = props;
+  const placeholder = placeholderFromProps ?? t('@astryx.selector.placeholder');
+  const searchPlaceholder = searchPlaceholderFromProps ?? t('@astryx.selector.searchPlaceholder');
   const hasClear = hasClearProp === true;
   const size = useSize(sizeProp, 'md');
 
@@ -388,11 +392,11 @@ export function Selector(props) {
     if (!hasSearch) {
       return null;
     }
-    return /*#__PURE__*/_jsxDEV("div", {
+    return /*#__PURE__*/_jsx("div", {
       ...{
         className: "xf314gf xu0wf1k"
       },
-      children: /*#__PURE__*/_jsxDEV("input", {
+      children: /*#__PURE__*/_jsx("input", {
         ref: searchRef,
         id: searchId
         // When hasSearch is set, focus moves into this input on open, so it —
@@ -405,7 +409,7 @@ export function Selector(props) {
         "aria-controls": listboxId,
         "aria-autocomplete": "list",
         "aria-activedescendant": popover.isOpen && highlightedIndex >= 0 ? getItemId(highlightedIndex) : undefined,
-        "aria-label": "Search options",
+        "aria-label": t('@astryx.selector.searchOptions'),
         type: "text",
         value: searchQuery,
         onChange: e => setSearchQuery(e.target.value),
@@ -420,15 +424,15 @@ export function Selector(props) {
         ...{
           className: "x9f619 xh8yej3 xu0wf1k xf314gf x1litavf x1y0btm7 xvy26l8 xh6dtrn x10xzikg x9ynric xcr08ib xdk3u5w x1tgivj0 x1a2a7pz xzeu18z x1wfwxd8"
         }
-      }, void 0, false)
-    }, void 0, false);
-  }, [hasSearch, searchId, listboxId, searchQuery, searchPlaceholder, onKeyDown, popover.isOpen, highlightedIndex, getItemId]);
+      })
+    });
+  }, [hasSearch, searchId, listboxId, searchQuery, searchPlaceholder, onKeyDown, popover.isOpen, highlightedIndex, getItemId, t]);
 
   // Render an individual item
   const renderItem = useCallback((item, flatIndex) => {
     const isHighlighted = flatIndex === highlightedIndex;
     const isSelected = item.value === normalizedValue;
-    return /*#__PURE__*/_jsxDEV("div", {
+    return /*#__PURE__*/_jsxs("div", {
       id: getItemId(flatIndex),
       role: "option",
       "aria-selected": isSelected,
@@ -436,19 +440,19 @@ export function Selector(props) {
       onClick: () => onItemSelect(item),
       onMouseEnter: () => onItemMouseEnter(item, flatIndex),
       ...stylex.props(styles.item, itemSizeStyles[size], isHighlighted && styles.itemHighlighted, isSelected && styles.itemSelected, item.disabled && styles.itemDisabled),
-      children: [/*#__PURE__*/_jsxDEV("span", {
+      children: [/*#__PURE__*/_jsx("span", {
         ...{
           className: "x78zum5 x6s0dn4 x1txdalj x98rzlu xeuugli"
         },
-        children: renderOption ? renderOption(item) : /*#__PURE__*/_jsxDEV(DefaultOption, {
+        children: renderOption ? renderOption(item) : /*#__PURE__*/_jsx(DefaultOption, {
           option: item
-        }, void 0, false)
-      }, void 0, false), isSelected && /*#__PURE__*/_jsxDEV(Icon, {
+        })
+      }), isSelected && /*#__PURE__*/_jsx(Icon, {
         icon: "check",
         size: "sm",
         color: "accent"
-      }, void 0, false)]
-    }, item.value, true);
+      })]
+    }, item.value);
   }, [renderOption, highlightedIndex, size, normalizedValue, getItemId, onItemSelect, onItemMouseEnter]);
 
   // Render all options (handling sections/dividers)
@@ -456,12 +460,12 @@ export function Selector(props) {
     // When search is active, render filtered items flat (no sections/dividers)
     if (hasSearch && searchQuery) {
       if (filteredItems.length === 0) {
-        return [/*#__PURE__*/_jsxDEV("div", {
+        return [/*#__PURE__*/_jsx("div", {
           ...{
             className: "x1b2ylru x2b8uid xv1l7n4 x9ynric xcr08ib"
           },
           children: "No results found"
-        }, "empty", false)];
+        }, "empty")];
       }
       return filteredItems.map((item, index) => renderItem(item, index));
     }
@@ -470,9 +474,9 @@ export function Selector(props) {
     for (let i = 0; i < options.length; i++) {
       const option = options[i];
       if (isDivider(option)) {
-        elements.push(/*#__PURE__*/_jsxDEV(Divider, {
+        elements.push(/*#__PURE__*/_jsx(Divider, {
           xstyle: styles.divider
-        }, `divider-${i}`, false));
+        }, `divider-${i}`));
       } else if (isSection(option)) {
         const sectionItems = [];
         for (const opt of option.options) {
@@ -480,16 +484,16 @@ export function Selector(props) {
           flatIndex++;
         }
         if (option.title) {
-          elements.push(/*#__PURE__*/_jsxDEV(Divider, {
+          elements.push(/*#__PURE__*/_jsx(Divider, {
             label: option.title,
             xstyle: styles.sectionDivider
-          }, `section-divider-${i}`, false));
+          }, `section-divider-${i}`));
         }
-        elements.push(/*#__PURE__*/_jsxDEV("div", {
+        elements.push(/*#__PURE__*/_jsx("div", {
           role: "group",
           "aria-label": option.title,
           children: sectionItems
-        }, `section-${i}`, false));
+        }, `section-${i}`));
       } else if (isOptionData(option)) {
         elements.push(renderItem(normalizeOption(option), flatIndex));
         flatIndex++;
@@ -497,8 +501,8 @@ export function Selector(props) {
     }
     return elements;
   }, [options, renderItem, hasSearch, searchQuery, filteredItems]);
-  const selectorContent = /*#__PURE__*/_jsxDEV(_Fragment, {
-    children: [/*#__PURE__*/_jsxDEV("div", {
+  const selectorContent = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs("div", {
       ref: el => {
         popover.triggerRef(el);
         // Anchor + hover/focus listeners for the disabled-message tooltip.
@@ -515,10 +519,10 @@ export function Selector(props) {
       children: [startIcon && renderIconSlot(startIcon, {
         size: 'sm',
         color: 'secondary'
-      }), inputGroup && /*#__PURE__*/_jsxDEV(VisuallyHidden, {
+      }), inputGroup && /*#__PURE__*/_jsx(VisuallyHidden, {
         id: inputLabelId,
         children: label
-      }, void 0, false), /*#__PURE__*/_jsxDEV("button", {
+      }), /*#__PURE__*/_jsx("button", {
         ref: triggerRef,
         id: triggerId,
         type: "button"
@@ -548,13 +552,13 @@ export function Selector(props) {
         ...{
           className: "x78zum5 x6s0dn4 x1qughib x1txdalj x1iyjqo2 xs83m0k x1r8uery xeuugli x1717udv x1ghz6dp xc342km xng3xce xjbqb8w xjb2p0i x1qlqyl8 x15bjb6t x1heor9g x1ypdohk x1a2a7pz"
         },
-        children: /*#__PURE__*/_jsxDEV("span", {
+        children: /*#__PURE__*/_jsx("span", {
           ...{
             className: "x1iyjqo2 xeuugli xb3r6kr xlyipyv xuxw1ft x1yc453h"
           },
           children: selectedItem?.label ?? placeholder
-        }, void 0, false)
-      }, void 0, false), htmlName != null && /*#__PURE__*/_jsxDEV("input", {
+        })
+      }), htmlName != null && /*#__PURE__*/_jsx("input", {
         type: "hidden",
         name: htmlName,
         value: value ?? ''
@@ -562,21 +566,23 @@ export function Selector(props) {
         // mirror that for the hidden carrier.
         ,
         disabled: isDisabled
-      }, void 0, false), isBusy && /*#__PURE__*/_jsxDEV(Spinner, {
+      }), isBusy && /*#__PURE__*/_jsx(Spinner, {
         size: "sm"
-      }, void 0, false), hasClear && value != null && !isDisabled && /*#__PURE__*/_jsxDEV("button", {
+      }), hasClear && value != null && !isDisabled && /*#__PURE__*/_jsx("button", {
         type: "button",
         onClick: handleClear,
-        "aria-label": `Clear ${label}`,
+        "aria-label": t('@astryx.selector.clearLabel', {
+          label
+        }),
         ...{
           className: "x78zum5 x6s0dn4 xl56j7k x1717udv x1ghz6dp xc342km xng3xce xjbqb8w x1ypdohk xh6dtrn x1a2a7pz x1p25gnr x1y3gkto"
         },
-        children: /*#__PURE__*/_jsxDEV(Icon, {
+        children: /*#__PURE__*/_jsx(Icon, {
           icon: "close",
           size: "sm",
           color: "secondary"
-        }, void 0, false)
-      }, void 0, false), /*#__PURE__*/_jsxDEV("span", {
+        })
+      }), /*#__PURE__*/_jsx("span", {
         ...{
           0: {
             className: "x2lah0s x78zum5 x6s0dn4 xl56j7k x1kky2od xlup9mm x11xpdln xuedmi6 xlr8y92 x1g0ag68 xv9yike"
@@ -591,18 +597,18 @@ export function Selector(props) {
             className: "x2lah0s x78zum5 x6s0dn4 xl56j7k x1kky2od xlup9mm x11xpdln xuedmi6 xlr8y92 x1g0ag68 xv9yike x19jd1h0 xq2gx43"
           }
         }[!!(!status && popover.isOpen) << 1 | !!status << 0],
-        children: status ? /*#__PURE__*/_jsxDEV(Icon, {
+        children: status ? /*#__PURE__*/_jsx(Icon, {
           icon: STATUS_ICON_MAP[status.type],
           size: "sm",
           color: STATUS_ICON_COLOR_MAP[status.type]
-        }, void 0, false) : /*#__PURE__*/_jsxDEV(Icon, {
+        }) : /*#__PURE__*/_jsx(Icon, {
           icon: "chevronDown",
           size: "sm",
           color: "inherit"
-        }, void 0, false)
-      }, void 0, false)]
-    }, void 0, true), popover.render(hasSearch ? /*#__PURE__*/_jsxDEV("div", {
-      children: [renderSearch(), /*#__PURE__*/_jsxDEV("div", {
+        })
+      })]
+    }), popover.render(hasSearch ? /*#__PURE__*/_jsxs("div", {
+      children: [renderSearch(), /*#__PURE__*/_jsx("div", {
         ref: listboxRef,
         id: listboxId,
         role: "listbox",
@@ -611,8 +617,8 @@ export function Selector(props) {
           className: "x9f619 xuyqlj2 x1odjw0f x9epnlk x1hc1fzr x1ey1afo"
         },
         children: renderOptions()
-      }, void 0, false)]
-    }, void 0, true) : /*#__PURE__*/_jsxDEV("div", {
+      })]
+    }) : /*#__PURE__*/_jsx("div", {
       ref: listboxRef,
       id: listboxId,
       role: "listbox",
@@ -626,17 +632,17 @@ export function Selector(props) {
         }
       }[!!!isPositioned << 0],
       children: renderOptions()
-    }, void 0, false), {
+    }), {
       placement: popoverPlacement,
       alignment: 'start',
       xstyle: [styles.popover, layerAnimations[popoverPlacement]],
       style: popoverOffsetStyle
     }), showsDisabledMessage && disabledMessageTooltip.renderTooltip(disabledMessage)]
-  }, void 0, true);
+  });
   if (inputGroup) {
     return selectorContent;
   }
-  return /*#__PURE__*/_jsxDEV(Field, {
+  return /*#__PURE__*/_jsx(Field, {
     label: label,
     isLabelHidden: isLabelHidden,
     description: description,
@@ -653,6 +659,6 @@ export function Selector(props) {
     labelTooltip: labelTooltip,
     width: width,
     children: selectorContent
-  }, void 0, false);
+  });
 }
 Selector.displayName = 'Selector';

package/dist/Selector/SelectorOption.js

@@ -13,7 +13,7 @@ import { renderIconSlot } from "../Icon/index.js";
 import { Item } from "../Item/index.js";
 import { mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const embeddedStyles = {
   root: {
     k8WAf4: "xt970qd",
@@ -54,7 +54,7 @@ export function SelectorOption({
   className,
   style
 }) {
-  return /*#__PURE__*/_jsxDEV(Item, {
+  return /*#__PURE__*/_jsx(Item, {
     startContent: icon ? renderIconSlot(icon, {
       size: 'sm',
       color: 'secondary'
@@ -67,6 +67,6 @@ export function SelectorOption({
       className,
       style
     })
-  }, void 0, false);
+  });
 }
 SelectorOption.displayName = 'SelectorOption';

package/dist/SideNav/SideNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideNav.d.ts","sourceRoot":"","sources":["../../src/SideNav/SideNav.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAGnD,OAAO,EAGL,KAAK,+BAA+B,EACrC,MAAM,0BAA0B,CAAC;AAKlC,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,2BAA2B,CAAC;AAwJ/D,MAAM,WAAW,YAAa,SAAQ,SAAS,CAAC,WAAW,CAAC;IAC1D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAE7B;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,+BAA+B,CAAC,CAAC;IAEvD;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;;;;;;;;;;;OAcG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IAEtC;;;;;;;;;;;;OAYG;IACH,WAAW,CAAC,EACR,OAAO,GACP;QACE,kBAAkB,CAAC,EAAE,OAAO,CAAC;QAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;QACnD,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACP;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,UAAU,EACV,QAAQ,EACR,MAAM,EACN,WAAW,EACX,WAAmB,EACnB,SAAiB,EACjB,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,+BAgQd;yBA/Qe,OAAO"}
+{"version":3,"file":"SideNav.d.ts","sourceRoot":"","sources":["../../src/SideNav/SideNav.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAGnD,OAAO,EAGL,KAAK,+BAA+B,EACrC,MAAM,0BAA0B,CAAC;AAKlC,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,2BAA2B,CAAC;AAyJ/D,MAAM,WAAW,YAAa,SAAQ,SAAS,CAAC,WAAW,CAAC;IAC1D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAE7B;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,+BAA+B,CAAC,CAAC;IAEvD;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;;;;;;;;;;;OAcG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IAEtC;;;;;;;;;;;;OAYG;IACH,WAAW,CAAC,EACR,OAAO,GACP;QACE,kBAAkB,CAAC,EAAE,OAAO,CAAC;QAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;QACnD,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACP;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,UAAU,EACV,QAAQ,EACR,MAAM,EACN,WAAW,EACX,WAAmB,EACnB,SAAiB,EACjB,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,+BAiQd;yBAhRe,OAAO"}