@locus-ui/components 0.0.13 → 0.0.16

package/dist/index.d.mts

@@ -932,7 +932,45 @@ declare const Container: React$1.ForwardRefExoticComponent<{} & {
     direction?: "row" | "column" | undefined;
 } & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 
-interface PanelExternalProps extends MarginProps, PaddingProps, SpacingProp, RadiusProps, RoundnessProp {
+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 {
 }
 /**
  * A versatile container used to provide layout and styling capabilities.
@@ -1292,7 +1330,131 @@ type SeparatorProps = AllSeparatorProps & React__default.HTMLAttributes<HTMLDivE
  */
 declare const Separator: FC<SeparatorProps>;
 
-interface TextExternalProps extends MarginProps, PaddingProps {
+declare const SwitchIndicatorPropDefs: {
+    /**
+     * Sets the variant style of the switch ("solid" or "outlined").
+     */
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted"];
+        dataAttr: string;
+    };
+};
+type SwitchIndicatorInternalProps = GetPropDefTypes<typeof SwitchIndicatorPropDefs>;
+
+interface AllSwitchIndicatorProps extends SwitchIndicatorInternalProps, SizeProp {
+}
+type SwitchIndicatorProps = AllSwitchIndicatorProps & Omit<React__default.HTMLAttributes<HTMLSpanElement>, "children">;
+
+declare const SwitchLabelPropDefs: {
+    /**
+     * Sets the position of the label relative to the switch.
+     *
+     * @example position="left" // positions the label to the left of the switch
+     * @example position="top" // positions the label above the switch
+     */
+    readonly position: {
+        type: "enum";
+        values: readonly ["top", "left", "right", "bottom"];
+        dataAttr: string;
+    };
+};
+type SwitchLabelInternalProps = GetPropDefTypes<typeof SwitchLabelPropDefs>;
+
+interface AllSwitchLabelProps extends SwitchLabelInternalProps {
+}
+type SwitchLabelProps = AllSwitchLabelProps & Omit<React__default.HTMLAttributes<HTMLLabelElement>, "children"> & {
+    children?: React__default.ReactNode;
+};
+
+declare const SwitchRootPropsDefs: {
+    /**
+     * Sets the variant style of the switch ("solid" or "outlined").
+     */
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted"];
+        dataAttr: string;
+    };
+    /**
+     * Sets the checked state of the switch.
+     *
+     * When using an uncontrolled switch, use `defaultChecked` instead.
+     * @default undefined
+     */
+    readonly checked: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * The value of the switch (checked state).
+     */
+    readonly value: {
+        type: "boolean";
+    };
+    /**
+     * Sets the default checked state of the switch.
+     * @default undefined
+     */
+    readonly defaultChecked: {
+        type: "boolean";
+    };
+    /**
+     * Disables the switch component.
+     * @default undefined
+     */
+    readonly disabled: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Makes the switch read-only.
+     * @default undefined
+     */
+    readonly readonly: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Marks the switch as required.
+     * @default undefined
+     */
+    readonly required: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Sets the name attribute of the switch input for form control.
+     * @default undefined
+     */
+    readonly name: {
+        type: "string";
+    };
+    /**
+     * Callback fired when the checked state changes.
+     *
+     * @param value - The new checked state.
+     */
+    readonly onCheckedChange: FunctionPropDef<(value: boolean) => void>;
+};
+type SwitchRootInternalProps = GetPropDefTypes<typeof SwitchRootPropsDefs>;
+
+interface AllSwitchRootProps extends SwitchRootInternalProps, AlignProp, ColorProp, MarginProps, SizeProp {
+}
+/**
+ * A versatile Switch, managing state, context, and styling.
+ */
+type SwitchRootProps = AllSwitchRootProps & WithStrictChildren<HTMLAttributes<HTMLDivElement>, SwitchLabelProps | SwitchIndicatorProps>;
+
+declare const Switch: React$1.FC<SwitchRootProps> & {
+    Root: React$1.FC<SwitchRootProps>;
+    Label: React$1.ForwardRefExoticComponent<AllSwitchLabelProps & Omit<React$1.HTMLAttributes<HTMLLabelElement>, "children"> & {
+        children?: React.ReactNode;
+    } & React$1.RefAttributes<HTMLLabelElement>>;
+    Indicator: React$1.FC<SwitchIndicatorProps>;
+};
+
+interface TextExternalProps extends MarginProps, PaddingProps, ColorProp {
 }
 /**
  * A component for displaying text with customizable styling and layout.
@@ -1359,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, 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,7 +932,45 @@ declare const Container: React$1.ForwardRefExoticComponent<{} & {
     direction?: "row" | "column" | undefined;
 } & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 
-interface PanelExternalProps extends MarginProps, PaddingProps, SpacingProp, RadiusProps, RoundnessProp {
+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 {
 }
 /**
  * A versatile container used to provide layout and styling capabilities.
@@ -1292,7 +1330,131 @@ type SeparatorProps = AllSeparatorProps & React__default.HTMLAttributes<HTMLDivE
  */
 declare const Separator: FC<SeparatorProps>;
 
-interface TextExternalProps extends MarginProps, PaddingProps {
+declare const SwitchIndicatorPropDefs: {
+    /**
+     * Sets the variant style of the switch ("solid" or "outlined").
+     */
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted"];
+        dataAttr: string;
+    };
+};
+type SwitchIndicatorInternalProps = GetPropDefTypes<typeof SwitchIndicatorPropDefs>;
+
+interface AllSwitchIndicatorProps extends SwitchIndicatorInternalProps, SizeProp {
+}
+type SwitchIndicatorProps = AllSwitchIndicatorProps & Omit<React__default.HTMLAttributes<HTMLSpanElement>, "children">;
+
+declare const SwitchLabelPropDefs: {
+    /**
+     * Sets the position of the label relative to the switch.
+     *
+     * @example position="left" // positions the label to the left of the switch
+     * @example position="top" // positions the label above the switch
+     */
+    readonly position: {
+        type: "enum";
+        values: readonly ["top", "left", "right", "bottom"];
+        dataAttr: string;
+    };
+};
+type SwitchLabelInternalProps = GetPropDefTypes<typeof SwitchLabelPropDefs>;
+
+interface AllSwitchLabelProps extends SwitchLabelInternalProps {
+}
+type SwitchLabelProps = AllSwitchLabelProps & Omit<React__default.HTMLAttributes<HTMLLabelElement>, "children"> & {
+    children?: React__default.ReactNode;
+};
+
+declare const SwitchRootPropsDefs: {
+    /**
+     * Sets the variant style of the switch ("solid" or "outlined").
+     */
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted"];
+        dataAttr: string;
+    };
+    /**
+     * Sets the checked state of the switch.
+     *
+     * When using an uncontrolled switch, use `defaultChecked` instead.
+     * @default undefined
+     */
+    readonly checked: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * The value of the switch (checked state).
+     */
+    readonly value: {
+        type: "boolean";
+    };
+    /**
+     * Sets the default checked state of the switch.
+     * @default undefined
+     */
+    readonly defaultChecked: {
+        type: "boolean";
+    };
+    /**
+     * Disables the switch component.
+     * @default undefined
+     */
+    readonly disabled: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Makes the switch read-only.
+     * @default undefined
+     */
+    readonly readonly: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Marks the switch as required.
+     * @default undefined
+     */
+    readonly required: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Sets the name attribute of the switch input for form control.
+     * @default undefined
+     */
+    readonly name: {
+        type: "string";
+    };
+    /**
+     * Callback fired when the checked state changes.
+     *
+     * @param value - The new checked state.
+     */
+    readonly onCheckedChange: FunctionPropDef<(value: boolean) => void>;
+};
+type SwitchRootInternalProps = GetPropDefTypes<typeof SwitchRootPropsDefs>;
+
+interface AllSwitchRootProps extends SwitchRootInternalProps, AlignProp, ColorProp, MarginProps, SizeProp {
+}
+/**
+ * A versatile Switch, managing state, context, and styling.
+ */
+type SwitchRootProps = AllSwitchRootProps & WithStrictChildren<HTMLAttributes<HTMLDivElement>, SwitchLabelProps | SwitchIndicatorProps>;
+
+declare const Switch: React$1.FC<SwitchRootProps> & {
+    Root: React$1.FC<SwitchRootProps>;
+    Label: React$1.ForwardRefExoticComponent<AllSwitchLabelProps & Omit<React$1.HTMLAttributes<HTMLLabelElement>, "children"> & {
+        children?: React.ReactNode;
+    } & React$1.RefAttributes<HTMLLabelElement>>;
+    Indicator: React$1.FC<SwitchIndicatorProps>;
+};
+
+interface TextExternalProps extends MarginProps, PaddingProps, ColorProp {
 }
 /**
  * A component for displaying text with customizable styling and layout.
@@ -1359,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, 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 };