@locus-ui/components 0.0.15 → 0.0.16

package/dist/index.d.mts

@@ -932,6 +932,44 @@ declare const Container: React$1.ForwardRefExoticComponent<{} & {
     direction?: "row" | "column" | undefined;
 } & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 
+interface FlexExternalProps extends MarginProps, PaddingProps, SpacingProp {
+}
+/**
+ * A versatile container used to provide layout and styling capabilities.
+ */
+declare const Flex: React$1.ForwardRefExoticComponent<GetPropDefTypes<{
+    readonly gap: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        responsive: true;
+    };
+    readonly justify: {
+        type: "enum";
+        values: readonly ["start", "end", "center", "between", "around", "evenly"];
+        dataAttr: string;
+        responsive: true;
+    };
+    readonly direction: {
+        type: "enum";
+        values: readonly ["row", "row-reverse", "column", "column-reverse"];
+        dataAttr: string;
+        responsive: true;
+    };
+    readonly align: {
+        type: "enum";
+        values: readonly ["start", "end", "center", "stretch", "baseline"];
+        dataAttr: string;
+        responsive: true;
+    };
+    readonly wrap: {
+        type: "enum";
+        values: readonly ["nowrap", "wrap", "wrap-reverse"];
+        dataAttr: string;
+        responsive: true;
+    };
+}> & FlexExternalProps & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+
 interface PanelExternalProps extends MarginProps, PaddingProps, SpacingProp, RadiusProps, RoundnessProp, ColorProp {
 }
 /**
@@ -1483,4 +1521,4 @@ interface ThemeControlProps {
 }
 declare function ThemeControl({ position }: ThemeControlProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, Badge, Box, Button, Checkbox, Container, Panel, Portal, ProgressBar, Select, Separator, Switch, Text, Theme, type ThemeAppearance, ThemeControl, type ThemeRadius, type ThemeRoundness, type ThemeSpacing, useTheme };
+export { Accordion, Badge, Box, Button, Checkbox, Container, Flex, Panel, Portal, ProgressBar, Select, Separator, Switch, Text, Theme, type ThemeAppearance, ThemeControl, type ThemeRadius, type ThemeRoundness, type ThemeSpacing, useTheme };

package/dist/index.d.ts

@@ -932,6 +932,44 @@ declare const Container: React$1.ForwardRefExoticComponent<{} & {
     direction?: "row" | "column" | undefined;
 } & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 
+interface FlexExternalProps extends MarginProps, PaddingProps, SpacingProp {
+}
+/**
+ * A versatile container used to provide layout and styling capabilities.
+ */
+declare const Flex: React$1.ForwardRefExoticComponent<GetPropDefTypes<{
+    readonly gap: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        responsive: true;
+    };
+    readonly justify: {
+        type: "enum";
+        values: readonly ["start", "end", "center", "between", "around", "evenly"];
+        dataAttr: string;
+        responsive: true;
+    };
+    readonly direction: {
+        type: "enum";
+        values: readonly ["row", "row-reverse", "column", "column-reverse"];
+        dataAttr: string;
+        responsive: true;
+    };
+    readonly align: {
+        type: "enum";
+        values: readonly ["start", "end", "center", "stretch", "baseline"];
+        dataAttr: string;
+        responsive: true;
+    };
+    readonly wrap: {
+        type: "enum";
+        values: readonly ["nowrap", "wrap", "wrap-reverse"];
+        dataAttr: string;
+        responsive: true;
+    };
+}> & FlexExternalProps & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+
 interface PanelExternalProps extends MarginProps, PaddingProps, SpacingProp, RadiusProps, RoundnessProp, ColorProp {
 }
 /**
@@ -1483,4 +1521,4 @@ interface ThemeControlProps {
 }
 declare function ThemeControl({ position }: ThemeControlProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, Badge, Box, Button, Checkbox, Container, Panel, Portal, ProgressBar, Select, Separator, Switch, Text, Theme, type ThemeAppearance, ThemeControl, type ThemeRadius, type ThemeRoundness, type ThemeSpacing, useTheme };
+export { Accordion, Badge, Box, Button, Checkbox, Container, Flex, Panel, Portal, ProgressBar, Select, Separator, Switch, Text, Theme, type ThemeAppearance, ThemeControl, type ThemeRadius, type ThemeRoundness, type ThemeSpacing, useTheme };

package/dist/index.js

@@ -94,7 +94,7 @@ function getComponentProps(props, ...propDefs) {
 }
 
 // src/components/accordion/accordion-context.ts
-var _react = require('react'); var React2 = _interopRequireWildcard(_react); var React4 = _interopRequireWildcard(_react); var React5 = _interopRequireWildcard(_react); var React11 = _interopRequireWildcard(_react); var React12 = _interopRequireWildcard(_react); var React14 = _interopRequireWildcard(_react); var React13 = _interopRequireWildcard(_react); var React17 = _interopRequireWildcard(_react); var React15 = _interopRequireWildcard(_react); var React16 = _interopRequireWildcard(_react); var React19 = _interopRequireWildcard(_react); var React18 = _interopRequireWildcard(_react); var React25 = _interopRequireWildcard(_react); var React22 = _interopRequireWildcard(_react); var React23 = _interopRequireWildcard(_react); var React24 = _interopRequireWildcard(_react); var React26 = _interopRequireWildcard(_react); var React27 = _interopRequireWildcard(_react); var React28 = _interopRequireWildcard(_react); var React30 = _interopRequireWildcard(_react); var React29 = _interopRequireWildcard(_react); var React31 = _interopRequireWildcard(_react); var React36 = _interopRequireWildcard(_react);
+var _react = require('react'); var React2 = _interopRequireWildcard(_react); var React4 = _interopRequireWildcard(_react); var React5 = _interopRequireWildcard(_react); var React11 = _interopRequireWildcard(_react); var React12 = _interopRequireWildcard(_react); var React13 = _interopRequireWildcard(_react); var React15 = _interopRequireWildcard(_react); var React14 = _interopRequireWildcard(_react); var React18 = _interopRequireWildcard(_react); var React16 = _interopRequireWildcard(_react); var React17 = _interopRequireWildcard(_react); var React20 = _interopRequireWildcard(_react); var React19 = _interopRequireWildcard(_react); var React26 = _interopRequireWildcard(_react); var React23 = _interopRequireWildcard(_react); var React24 = _interopRequireWildcard(_react); var React25 = _interopRequireWildcard(_react); var React27 = _interopRequireWildcard(_react); var React28 = _interopRequireWildcard(_react); var React29 = _interopRequireWildcard(_react); var React31 = _interopRequireWildcard(_react); var React30 = _interopRequireWildcard(_react); var React32 = _interopRequireWildcard(_react); var React37 = _interopRequireWildcard(_react);
 var AccordionContext = React2.default.createContext(null);
 function useAccordionContext() {
   const context = React2.default.useContext(AccordionContext);
@@ -1671,6 +1671,96 @@ var Container = React11.forwardRef((props, ref) => {
 });
 Container.displayName = "Container";
 
+// src/components/flex/flex.tsx
+
+
+
+// src/components/flex/flex.props.ts
+var FlexGapValues = ["0", "1", "2", "3", "4", "5", "6", "8"];
+var FlexDirectionValues = [
+  "row",
+  "row-reverse",
+  "column",
+  "column-reverse"
+];
+var FlexJustifyValues = [
+  "start",
+  "end",
+  "center",
+  "between",
+  "around",
+  "evenly"
+];
+var FlexAlignValues = [
+  "start",
+  "end",
+  "center",
+  "stretch",
+  "baseline"
+];
+var FlexWrapValues = ["nowrap", "wrap", "wrap-reverse"];
+var FlexPropsDefs = {
+  /**
+   * Sets the gap between flex items.
+   */
+  gap: {
+    type: "enum | string",
+    values: FlexGapValues,
+    dataAttr: "gap",
+    responsive: true
+  },
+  /**
+   * Sets the justification of flex items along the main axis.
+   */
+  justify: {
+    type: "enum",
+    values: FlexJustifyValues,
+    dataAttr: "justify",
+    responsive: true
+  },
+  /**
+   * Sets the direction of flex items.
+   */
+  direction: {
+    type: "enum",
+    values: FlexDirectionValues,
+    dataAttr: "direction",
+    responsive: true
+  },
+  /**
+   * Sets the alignment of flex items along the cross axis.
+   */
+  align: {
+    type: "enum",
+    values: FlexAlignValues,
+    dataAttr: "align",
+    responsive: true
+  },
+  /**
+   * Sets the wrapping behavior of flex items.
+   */
+  wrap: {
+    type: "enum",
+    values: FlexWrapValues,
+    dataAttr: "wrap",
+    responsive: true
+  }
+};
+
+// src/components/flex/flex.tsx
+
+var Flex = React12.forwardRef((props, ref) => {
+  const { className, dataAttrs, children, ...rest } = getComponentProps(
+    props,
+    FlexPropsDefs,
+    MarginPropDefs,
+    PaddingPropDefs,
+    SpacingPropDef
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _clsx2.default.call(void 0, "flex", className), ...dataAttrs, ...rest, children });
+});
+Flex.displayName = "Flex";
+
 // src/components/panel/panel.tsx
 
 
@@ -1701,7 +1791,7 @@ var PanelPropsDefs = {
 
 // src/components/panel/panel.tsx
 
-var Panel = React12.forwardRef((props, ref) => {
+var Panel = React13.forwardRef((props, ref) => {
   const { className, dataAttrs, children, ...rest } = getComponentProps(
     props,
     PanelPropsDefs,
@@ -1731,11 +1821,11 @@ Panel.displayName = "Panel";
 
 // src/components/portal/portal-context.tsx
 
-var PortalContext = React13.createContext(
+var PortalContext = React14.createContext(
   void 0
 );
 function usePortalContext() {
-  const context = React13.useContext(PortalContext);
+  const context = React14.useContext(PortalContext);
   if (!context) {
     throw new Error("`usePortalContext` must be used within a `Portal.Root`");
   }
@@ -1783,7 +1873,7 @@ var PortalBackdropPropsDefs = {
 
 // src/components/portal/backdrop/portal-backdrop.tsx
 
-var PortalBackdrop = React14.forwardRef(
+var PortalBackdrop = React15.forwardRef(
   (props, ref) => {
     const context = usePortalContext();
     const { className, dataAttrs, ...rest } = getComponentProps(
@@ -1811,11 +1901,11 @@ var _reactdom = require('react-dom'); var _reactdom2 = _interopRequireDefault(_r
 
 // src/components/theme/theme-context.tsx
 
-var ThemeContext = React15.createContext(
+var ThemeContext = React16.createContext(
   void 0
 );
 function useTheme() {
-  const context = React15.useContext(ThemeContext);
+  const context = React16.useContext(ThemeContext);
   if (!context) {
     throw new Error("`useTheme` must be used within a `Theme`");
   }
@@ -1833,9 +1923,9 @@ function useAnchorPosition({
   alignOffset = 0,
   enabled = true
 }) {
-  const [position, setPosition] = React16.useState(null);
-  const [, _forceUpdate] = React16.useReducer((x) => x + 1, 0);
-  const updatePosition = React16.useCallback(() => {
+  const [position, setPosition] = React17.useState(null);
+  const [, _forceUpdate] = React17.useReducer((x) => x + 1, 0);
+  const updatePosition = React17.useCallback(() => {
     const anchor = anchorRef.current;
     const content = contentRef.current;
     if (!anchor || !content || !enabled) {
@@ -1896,7 +1986,7 @@ function useAnchorPosition({
     );
     setPosition({ top, left });
   }, [anchorRef, contentRef, side, align, sideOffset, alignOffset, enabled]);
-  React16.useEffect(() => {
+  React17.useEffect(() => {
     if (!enabled) {
       setPosition(null);
       return;
@@ -1978,11 +2068,11 @@ var PortalContentPropsDefs = {
 
 // src/components/portal/content/portal-content.tsx
 
-var PortalContent = React17.forwardRef(
+var PortalContent = React18.forwardRef(
   (props, ref) => {
     const portalContext = usePortalContext();
-    const themeContext = React17.useContext(ThemeContext);
-    const contentRef = React17.useRef(null);
+    const themeContext = React18.useContext(ThemeContext);
+    const contentRef = React18.useRef(null);
     const {
       side = "bottom",
       align = "center",
@@ -2004,7 +2094,7 @@ var PortalContent = React17.forwardRef(
       alignOffset: parseInt(alignOffset, 10) || 0,
       enabled: anchored && portalContext.open
     });
-    const setRefs = React17.useCallback(
+    const setRefs = React18.useCallback(
       (node) => {
         contentRef.current = node;
         if (typeof ref === "function") {
@@ -2015,7 +2105,7 @@ var PortalContent = React17.forwardRef(
       },
       [ref]
     );
-    React17.useEffect(() => {
+    React18.useEffect(() => {
       if (!portalContext.open) return;
       function onKeyDown(e) {
         if (e.key === "Escape") {
@@ -2027,7 +2117,7 @@ var PortalContent = React17.forwardRef(
         document.removeEventListener("keydown", onKeyDown);
       };
     }, [portalContext.open, portalContext.onOpenChange]);
-    React17.useEffect(() => {
+    React18.useEffect(() => {
       if (!portalContext.open || !anchored) return;
       function onClickOutside(e) {
         const target = e.target;
@@ -2099,11 +2189,11 @@ PortalContent.displayName = "Portal.Content";
 // src/components/portal/trigger/portal-trigger.tsx
 
 
-var PortalTrigger = React18.forwardRef(
+var PortalTrigger = React19.forwardRef(
   ({ children, asChild, onClick, ...props }, ref) => {
     const context = usePortalContext();
-    const internalRef = React18.useRef(null);
-    React18.useEffect(() => {
+    const internalRef = React19.useRef(null);
+    React19.useEffect(() => {
       if (internalRef.current) {
         context.triggerRef.current = internalRef.current;
       }
@@ -2112,7 +2202,7 @@ var PortalTrigger = React18.forwardRef(
       _optionalChain([context, 'access', _33 => _33.onOpenChange, 'optionalCall', _34 => _34(!context.open)]);
       _optionalChain([onClick, 'optionalCall', _35 => _35(event)]);
     };
-    const setRefs = React18.useCallback(
+    const setRefs = React19.useCallback(
       (node) => {
         internalRef.current = node;
         if (typeof ref === "function") {
@@ -2124,8 +2214,8 @@ var PortalTrigger = React18.forwardRef(
       },
       [ref, context.triggerRef]
     );
-    if (asChild && React18.isValidElement(children)) {
-      return React18.cloneElement(children, {
+    if (asChild && React19.isValidElement(children)) {
+      return React19.cloneElement(children, {
         ref: setRefs,
         onClick: handleClick,
         ...props
@@ -2189,8 +2279,8 @@ var PortalRoot = (props) => {
     defaultValue: defaultOpen,
     onChange: onOpenChange
   });
-  const triggerRef = React19.useRef(null);
-  const value = React19.useMemo(
+  const triggerRef = React20.useRef(null);
+  const value = React20.useMemo(
     () => ({
       open,
       onOpenChange: setOpen,
@@ -2345,11 +2435,11 @@ var ProgressBar = Object.assign(ProgressBarRoot, {
 
 // src/components/select/select-context.tsx
 
-var SelectContext = React22.createContext(
+var SelectContext = React23.createContext(
   null
 );
 function useSelectContext() {
-  const context = React22.useContext(SelectContext);
+  const context = React23.useContext(SelectContext);
   if (!context) {
     throw new Error("Select components must be used within a Select.Root");
   }
@@ -2359,7 +2449,7 @@ function useSelectContext() {
 // src/components/select/utils/user-composed-refs.ts
 
 function useComposedRefs(...refs) {
-  return React23.useCallback(
+  return React24.useCallback(
     (node) => {
       refs.forEach((ref) => {
         if (typeof ref === "function") {
@@ -2377,7 +2467,7 @@ function useComposedRefs(...refs) {
 
 
 
-var SelectViewport = React24.forwardRef(
+var SelectViewport = React25.forwardRef(
   (props, ref) => {
     const { className, children, ...rest } = props;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _clsx2.default.call(void 0, "select-viewport", className), ...rest, children });
@@ -2387,7 +2477,7 @@ SelectViewport.displayName = "Select.Viewport";
 
 // src/components/select/content/select-content.tsx
 
-var SelectContent = React25.forwardRef(
+var SelectContent = React26.forwardRef(
   (props, forwardedRef) => {
     const {
       className,
@@ -2400,10 +2490,10 @@ var SelectContent = React25.forwardRef(
     } = props;
     const context = useSelectContext();
     const composedRef = useComposedRefs(forwardedRef, context.contentRef);
-    React25.useEffect(() => {
+    React26.useEffect(() => {
       context.itemValues.current = [];
     }, [context.open]);
-    React25.useEffect(() => {
+    React26.useEffect(() => {
       if (!context.open) return;
       const handleClickOutside = (event) => {
         const target = event.target;
@@ -2414,7 +2504,7 @@ var SelectContent = React25.forwardRef(
       document.addEventListener("mousedown", handleClickOutside);
       return () => document.removeEventListener("mousedown", handleClickOutside);
     }, [context.open]);
-    React25.useEffect(() => {
+    React26.useEffect(() => {
       if (!context.open) return;
       const handleKeyDown = (event) => {
         const items = context.itemValues.current;
@@ -2467,10 +2557,10 @@ var SelectContent = React25.forwardRef(
       document.addEventListener("keydown", handleKeyDown);
       return () => document.removeEventListener("keydown", handleKeyDown);
     }, [context.open, context.highlightedIndex]);
-    const [contentWidth, setContentWidth] = React25.useState();
+    const [contentWidth, setContentWidth] = React26.useState();
     const labelInside = context.labelPosition === "inside";
     const anchorRef = labelInside ? context.rootRef : context.triggerRef;
-    React25.useLayoutEffect(() => {
+    React26.useLayoutEffect(() => {
       if (context.open && anchorRef.current) {
         setContentWidth(anchorRef.current.getBoundingClientRect().width);
       }
@@ -2518,7 +2608,7 @@ var SelectGroupsPropDefs = {
 
 // src/components/select/group/select-group.tsx
 
-var SelectGroup = React26.forwardRef(
+var SelectGroup = React27.forwardRef(
   (props, ref) => {
     const { className, children, dataAttrs, ...rest } = getComponentProps(
       props,
@@ -2582,7 +2672,7 @@ var SelectItemPropDefs = {
 
 // src/components/select/item/select-item.tsx
 
-var SelectItem = React27.forwardRef(
+var SelectItem = React28.forwardRef(
   (props, ref) => {
     const context = useSelectContext();
     const { value, disabled, children, className, ...rest } = getComponentProps(
@@ -2590,12 +2680,12 @@ var SelectItem = React27.forwardRef(
       SelectItemPropDefs
     );
     const selected = context.value === value;
-    React27.useEffect(() => {
+    React28.useEffect(() => {
       if (selected && children) {
         context.setDisplayValue(children);
       }
     }, [selected]);
-    React27.useEffect(() => {
+    React28.useEffect(() => {
       if (!value) return;
       if (!disabled) {
         const values = context.itemValues.current;
@@ -2672,14 +2762,14 @@ var SelectLabelPropDefs = {
 
 // src/components/select/label/select-label.tsx
 
-var SelectLabel = React28.forwardRef(
+var SelectLabel = React29.forwardRef(
   (props, ref) => {
     const context = useSelectContext();
     const { className, children, position, dataAttrs } = getComponentProps(
       props,
       SelectLabelPropDefs
     );
-    React28.useLayoutEffect(() => {
+    React29.useLayoutEffect(() => {
       _optionalChain([context, 'access', _47 => _47.setLabelPosition, 'optionalCall', _48 => _48(_nullishCoalesce(position, () => ( "top")))]);
     }, [position, context.setLabelPosition]);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -2714,7 +2804,7 @@ SelectLabel.displayName = "Select.Label";
 
 
 
-var SelectValue = React29.forwardRef(
+var SelectValue = React30.forwardRef(
   (props, ref) => {
     const { className, placeholder: placeholderProp, ...rest } = props;
     const context = useSelectContext();
@@ -2766,7 +2856,7 @@ var SelectTriggerPropsDefs = {};
 
 // src/components/select/trigger/select-trigger.tsx
 
-var SelectTrigger = React30.forwardRef(
+var SelectTrigger = React31.forwardRef(
   (props, forwardedRef) => {
     const {
       className,
@@ -3018,7 +3108,7 @@ SelectRoot.displayName = "Select.Root";
 
 
 
-var SelectSeparator = React31.forwardRef(
+var SelectSeparator = React32.forwardRef(
   (props, ref) => {
     const { className, ...rest } = props;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -3444,14 +3534,14 @@ var Switch = Object.assign(SwitchRoot, {
 // src/components/theme/theme.tsx
 
 
-var Theme = React36.forwardRef((props, ref) => {
-  const context = React36.useContext(ThemeContext);
+var Theme = React37.forwardRef((props, ref) => {
+  const context = React37.useContext(ThemeContext);
   const isRoot = context === void 0;
   if (isRoot) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThemeRoot, { ...props, ref });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ThemeSub, { ...props, ref });
 });
 Theme.displayName = "Theme";
-var ThemeRoot = React36.forwardRef((props, ref) => {
+var ThemeRoot = React37.forwardRef((props, ref) => {
   const {
     appearance: themeAppearance,
     radius: themeRadius,
@@ -3460,15 +3550,15 @@ var ThemeRoot = React36.forwardRef((props, ref) => {
     children,
     ...rest
   } = props;
-  const [appearance, setAppearance] = React36.useState(
+  const [appearance, setAppearance] = React37.useState(
     _nullishCoalesce(themeAppearance, () => ( "light"))
   );
-  const [radius, setRadius] = React36.useState(_nullishCoalesce(themeRadius, () => ( "md")));
-  const [roundness2, setRoundness] = React36.useState(
+  const [radius, setRadius] = React37.useState(_nullishCoalesce(themeRadius, () => ( "md")));
+  const [roundness2, setRoundness] = React37.useState(
     _nullishCoalesce(themeRoundness, () => ( "3"))
   );
-  const [spacing, setSpacing] = React36.useState(_nullishCoalesce(themeSpacing, () => ( "md")));
-  const value = React36.useMemo(
+  const [spacing, setSpacing] = React37.useState(_nullishCoalesce(themeSpacing, () => ( "md")));
+  const value = React37.useMemo(
     () => ({
       appearance,
       radius,
@@ -3495,8 +3585,8 @@ var ThemeRoot = React36.forwardRef((props, ref) => {
   ) });
 });
 ThemeRoot.displayName = "ThemeRoot";
-var ThemeSub = React36.forwardRef((props, ref) => {
-  const context = React36.useContext(ThemeContext);
+var ThemeSub = React37.forwardRef((props, ref) => {
+  const context = React37.useContext(ThemeContext);
   const {
     appearance,
     radius,
@@ -3664,5 +3754,6 @@ function ThemeControl({ position = "bottom" }) {
 
 
 
-exports.Accordion = Accordion; exports.Badge = Badge; exports.Box = Box; exports.Button = Button; exports.Checkbox = Checkbox; exports.Container = Container; exports.Panel = Panel; exports.Portal = Portal; exports.ProgressBar = ProgressBar; exports.Select = Select; exports.Separator = Separator; exports.Switch = Switch; exports.Text = Text; exports.Theme = Theme; exports.ThemeControl = ThemeControl; exports.useTheme = useTheme;
+
+exports.Accordion = Accordion; exports.Badge = Badge; exports.Box = Box; exports.Button = Button; exports.Checkbox = Checkbox; exports.Container = Container; exports.Flex = Flex; exports.Panel = Panel; exports.Portal = Portal; exports.ProgressBar = ProgressBar; exports.Select = Select; exports.Separator = Separator; exports.Switch = Switch; exports.Text = Text; exports.Theme = Theme; exports.ThemeControl = ThemeControl; exports.useTheme = useTheme;
 //# sourceMappingURL=index.js.map