@syscore/ui-library 1.7.7 → 1.8.0

package/dist/index.d.ts

@@ -35,6 +35,7 @@ import { BreadcrumbSeparator } from '../client/components/ui/breadcrumb';
 import { Button } from '../client/components/ui/button';
 import { buttonVariants } from '../client/components/ui/button';
 import { Calendar } from '../client/components/ui/calendar';
+import { capitalize } from '../client/lib/utils';
 import { Card } from '../client/components/ui/card';
 import { CardContent } from '../client/components/ui/card';
 import { CardDescription } from '../client/components/ui/card';
@@ -403,6 +404,8 @@ export { buttonVariants }
 
 export { Calendar }
 
+export { capitalize }
+
 export { Card }
 
 export { CardContent }

package/dist/index.es.js

@@ -45,6 +45,10 @@ import { Toaster as Toaster$2 } from "sonner";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+function capitalize(str) {
+  if (!str) return str;
+  return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
+}
 const Accordion = AccordionPrimitive.Root;
 const AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AccordionPrimitive.Item,
@@ -462,7 +466,7 @@ const Input = React.forwardRef(
             "input",
             {
               type,
-              className: "input",
+              className: "well-input ",
               ref,
               disabled: isDisabled,
               readOnly: isReadOnly,
@@ -1275,9 +1279,9 @@ const Label = React.forwardRef(({ className, children, ...props }, ref) => /* @_
   LabelPrimitive.Root,
   {
     ref,
-    className: cn(labelVariants(), className),
+    className: cn(labelVariants(), "overline-medium", className),
     ...props,
-    children: /* @__PURE__ */ jsx("span", { className: "overline-medium", children })
+    children
   }
 ));
 Label.displayName = LabelPrimitive.Root.displayName;
@@ -1669,26 +1673,23 @@ function useSegmentedControl({
     onValueChange: handleValueChange
   };
 }
-cva(
-  "toggle",
-  {
-    variants: {
-      variant: {
-        default: "toggle--default",
-        outline: "toggle--outline"
-      },
-      size: {
-        default: "toggle--size-default",
-        sm: "toggle--size-sm",
-        lg: "toggle--size-lg"
-      }
+cva("toggle", {
+  variants: {
+    variant: {
+      default: "toggle--default",
+      outline: "toggle--outline"
     },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
+    size: {
+      default: "toggle--size-default",
+      sm: "toggle--size-sm",
+      lg: "toggle--size-lg"
     }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
   }
-);
+});
 const SegmentedControlInner = React.forwardRef(
   ({ className, options, value, defaultValue, onValueChange, ...props }, ref) => {
     var _a;
@@ -1698,19 +1699,18 @@ const SegmentedControlInner = React.forwardRef(
       onValueChange
     });
     return /* @__PURE__ */ jsx("div", { ref, className: cn("segmented-control", className), ...props, children: options.map((option) => {
-      const isReactElement = React.isValidElement(option.label);
       const isActive = selectedValue === option.value;
       return /* @__PURE__ */ jsx(
         "button",
         {
           className: cn(
-            "segmented-control-button",
+            "segmented-control-button body-small",
             isActive ? "segmented-control-button--active" : "segmented-control-button--inactive"
           ),
           onClick: () => handleValueChange(option.value),
           type: "button",
           "data-active": isActive,
-          children: isReactElement ? option.label : /* @__PURE__ */ jsx("span", { className: "body-small font-medium", children: option.label })
+          children: option.label
         },
         option.value
       );
@@ -2334,9 +2334,9 @@ const Tag = React.forwardRef(
         {
           ref,
           onClick,
-          className: cn(statusClass, className),
+          className: cn("overline-medium", statusClass, className),
           ...props,
-          children: /* @__PURE__ */ jsx("span", { className: "overline-medium", children })
+          children
         }
       );
     }
@@ -2346,12 +2346,12 @@ const Tag = React.forwardRef(
         ref,
         onClick,
         className: cn(
-          "tag-general",
+          "tag-general body-small",
           active ? "tag-general--active" : "tag-general--inactive",
           className
         ),
         ...props,
-        children: /* @__PURE__ */ jsx("span", { className: "body-small font-semibold", children })
+        children
       }
     );
   }
@@ -9903,6 +9903,7 @@ export {
   X,
   badgeVariants,
   buttonVariants,
+  capitalize,
   cn,
   conceptColors,
   navigationMenuTriggerStyle,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syscore/ui-library",
-  "version": "1.7.7",
+  "version": "1.8.0",
   "description": "A comprehensive React component library built with Radix UI, Tailwind CSS, and TypeScript",
   "private": false,
   "type": "module",