@locus-ui/components 0.0.1 → 0.0.12

package/dist/index.d.mts

@@ -691,6 +691,23 @@ declare const Accordion: React$1.FC<AccordionRootProps> & {
     Content: React$1.FC<AccordionContentProps>;
 };
 
+declare const BadgeRootPropsDefs: {
+    /**
+     * Sets the variant style of the badge ("solid", "outlined", "muted", or "clear").
+     */
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted", "clear"];
+        dataAttr: string;
+    };
+};
+type BadgeRootInternalProps = GetPropDefTypes<typeof BadgeRootPropsDefs>;
+
+interface AllBadgeRootProps extends BadgeRootInternalProps, ColorProp, MarginProps, PaddingProps, RadiusProps, SizeProp {
+}
+type BadgeRootProps = AllBadgeRootProps & React.HTMLAttributes<HTMLDivElement>;
+declare const Badge: React.FC<BadgeRootProps>;
+
 interface BoxExternalProps extends MarginProps, PaddingProps, SpacingProp, RadiusProps, RoundnessProp {
 }
 /**
@@ -1233,4 +1250,4 @@ declare function useTheme(): ThemeContextValue;
 
 declare function ThemeControl(): react_jsx_runtime.JSX.Element;
 
-export { Accordion, Box, Button, Checkbox, Container, Portal, Select, Separator, Text, Theme, type ThemeAppearance, ThemeControl, type ThemeRadius, type ThemeRoundness, type ThemeSpacing, useTheme };
+export { Accordion, Badge, Box, Button, Checkbox, Container, Portal, Select, Separator, Text, Theme, type ThemeAppearance, ThemeControl, type ThemeRadius, type ThemeRoundness, type ThemeSpacing, useTheme };

package/dist/index.d.ts

@@ -691,6 +691,23 @@ declare const Accordion: React$1.FC<AccordionRootProps> & {
     Content: React$1.FC<AccordionContentProps>;
 };
 
+declare const BadgeRootPropsDefs: {
+    /**
+     * Sets the variant style of the badge ("solid", "outlined", "muted", or "clear").
+     */
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted", "clear"];
+        dataAttr: string;
+    };
+};
+type BadgeRootInternalProps = GetPropDefTypes<typeof BadgeRootPropsDefs>;
+
+interface AllBadgeRootProps extends BadgeRootInternalProps, ColorProp, MarginProps, PaddingProps, RadiusProps, SizeProp {
+}
+type BadgeRootProps = AllBadgeRootProps & React.HTMLAttributes<HTMLDivElement>;
+declare const Badge: React.FC<BadgeRootProps>;
+
 interface BoxExternalProps extends MarginProps, PaddingProps, SpacingProp, RadiusProps, RoundnessProp {
 }
 /**
@@ -1233,4 +1250,4 @@ declare function useTheme(): ThemeContextValue;
 
 declare function ThemeControl(): react_jsx_runtime.JSX.Element;
 
-export { Accordion, Box, Button, Checkbox, Container, Portal, Select, Separator, Text, Theme, type ThemeAppearance, ThemeControl, type ThemeRadius, type ThemeRoundness, type ThemeSpacing, useTheme };
+export { Accordion, Badge, Box, Button, Checkbox, Container, Portal, Select, Separator, Text, Theme, type ThemeAppearance, ThemeControl, type ThemeRadius, type ThemeRoundness, type ThemeSpacing, useTheme };

package/dist/index.js

@@ -971,6 +971,46 @@ var Accordion = Object.assign(AccordionRoot, {
   Content: AccordionContent
 });
 
+// src/components/badge/badge.tsx
+
+
+// src/components/badge/badge.props.ts
+var BadgeVariants = ["solid", "outlined", "muted", "clear"];
+var BadgeRootPropsDefs = {
+  /**
+   * Sets the variant style of the badge ("solid", "outlined", "muted", or "clear").
+   */
+  variant: {
+    type: "enum",
+    values: BadgeVariants,
+    dataAttr: "variant"
+  }
+};
+
+// src/components/badge/badge.tsx
+
+var Badge = (props) => {
+  const { color, variant, className, dataAttrs, ...rest } = getComponentProps(
+    props,
+    BadgeRootPropsDefs,
+    MarginPropDefs,
+    PaddingPropDefs,
+    RadiusPropDefs,
+    SizePropDef
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _clsx2.default.call(void 0, "badge", className),
+      "data-color": _nullishCoalesce(color, () => ( true)),
+      "data-variant": variant,
+      ...dataAttrs,
+      ...rest,
+      children: props.children
+    }
+  );
+};
+
 // src/components/box/box.tsx
 
 
@@ -3023,5 +3063,6 @@ function ThemeControl() {
 
 
 
-exports.Accordion = Accordion; exports.Box = Box; exports.Button = Button; exports.Checkbox = Checkbox; exports.Container = Container; exports.Portal = Portal; exports.Select = Select; exports.Separator = Separator; 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.Portal = Portal; exports.Select = Select; exports.Separator = Separator; exports.Text = Text; exports.Theme = Theme; exports.ThemeControl = ThemeControl; exports.useTheme = useTheme;
 //# sourceMappingURL=index.js.map