@techsio/ui-kit 0.7.0 → 0.10.0

package/dist/atoms/badge.js

@@ -39,19 +39,19 @@ const badgeVariants = tv({
         },
         size: {
             sm: [
-                "text-badge-sm font-badge-sm",
+                "font-badge-sm text-badge-sm",
                 "p-badge-sm"
             ],
             md: [
-                "text-badge-md font-badge-md",
+                "font-badge-md text-badge-md",
                 "p-badge-md"
             ],
             lg: [
-                "text-badge-lg font-badge-lg",
+                "font-badge-lg text-badge-lg",
                 "p-badge-lg"
             ],
             xl: [
-                "text-badge-xl font-badge-xl",
+                "font-badge-xl text-badge-xl",
                 "p-badge-xl"
             ]
         }
@@ -68,7 +68,7 @@ function Badge({ variant, size, className, children, style, ...props }) {
         ...style,
         backgroundColor: bgColor,
         color: fgColor,
-        borderColor: borderColor
+        borderColor
     } : style;
     return /*#__PURE__*/ jsx("span", {
         className: badgeVariants({

package/dist/atoms/button.js

@@ -23,8 +23,8 @@ const buttonVariants = tv({
         theme: {
             solid: "disabled:bg-button-bg-disabled",
             light: "disabled:bg-button-bg-disabled",
-            borderless: "bg-button-bg-borderless hover:bg-button-bg-borderless-hover active:bg-button-bg-borderless-active disabled:hover:bg-button-bg-borderless",
-            outlined: "border bg-button-bg-outlined disabled:border-button-border-disabled disabled:hover:bg-button-bg-outlined",
+            borderless: "bg-button-bg-borderless-base hover:bg-button-bg-borderless-hover active:bg-button-bg-borderless-active disabled:hover:bg-button-bg-borderless-base",
+            outlined: "border bg-button-bg-outlined disabled:border-0 disabled:bg-button-bg-disabled disabled:hover:bg-button-bg-disabled",
             unstyled: ""
         },
         uppercase: {
@@ -45,7 +45,7 @@ const buttonVariants = tv({
             variant: "primary",
             theme: "solid",
             className: [
-                "bg-button-bg-primary",
+                "bg-button-bg-primary-base",
                 "hover:bg-button-bg-primary-hover",
                 "active:bg-button-bg-primary-active",
                 "text-button-fg-primary"
@@ -55,7 +55,7 @@ const buttonVariants = tv({
             variant: "secondary",
             theme: "solid",
             className: [
-                "bg-button-bg-secondary",
+                "bg-button-bg-secondary-base",
                 "hover:bg-button-bg-secondary-hover",
                 "active:bg-button-bg-secondary-active",
                 "text-button-fg-secondary"
@@ -65,7 +65,7 @@ const buttonVariants = tv({
             variant: "tertiary",
             theme: "solid",
             className: [
-                "bg-button-bg-tertiary",
+                "bg-button-bg-tertiary-base",
                 "hover:bg-button-bg-tertiary-hover",
                 "active:bg-button-bg-tertiary-active",
                 "text-button-fg-tertiary"
@@ -75,7 +75,7 @@ const buttonVariants = tv({
             variant: "warning",
             theme: "solid",
             className: [
-                "bg-button-bg-warning",
+                "bg-button-bg-warning-base",
                 "hover:bg-button-bg-warning-hover",
                 "active:bg-button-bg-warning-active",
                 "text-button-fg-warning"
@@ -85,7 +85,7 @@ const buttonVariants = tv({
             variant: "danger",
             theme: "solid",
             className: [
-                "bg-button-bg-danger",
+                "bg-button-bg-danger-base",
                 "hover:bg-button-bg-danger-hover",
                 "active:bg-button-bg-danger-active",
                 "text-button-fg-danger"
@@ -95,7 +95,7 @@ const buttonVariants = tv({
             variant: "primary",
             theme: "light",
             className: [
-                "bg-button-bg-primary-light",
+                "bg-button-bg-primary-light-base",
                 "hover:bg-button-bg-primary-light-hover",
                 "active:bg-button-bg-primary-light-active",
                 "text-button-fg-primary-light"
@@ -105,7 +105,7 @@ const buttonVariants = tv({
             variant: "secondary",
             theme: "light",
             className: [
-                "bg-button-bg-secondary-light",
+                "bg-button-bg-secondary-light-base",
                 "hover:bg-button-bg-secondary-light-hover",
                 "active:bg-button-bg-secondary-light-active",
                 "text-button-fg-secondary-light"
@@ -115,7 +115,7 @@ const buttonVariants = tv({
             variant: "tertiary",
             theme: "light",
             className: [
-                "bg-button-bg-tertiary-light",
+                "bg-button-bg-tertiary-light-base",
                 "hover:bg-button-bg-tertiary-light-hover",
                 "active:bg-button-bg-tertiary-light-active",
                 "text-button-fg-tertiary-light"
@@ -125,7 +125,7 @@ const buttonVariants = tv({
             variant: "warning",
             theme: "light",
             className: [
-                "bg-button-bg-warning-light",
+                "bg-button-bg-warning-light-base",
                 "hover:bg-button-bg-warning-light-hover",
                 "active:bg-button-bg-warning-light-active",
                 "text-button-fg-warning-light"
@@ -135,7 +135,7 @@ const buttonVariants = tv({
             variant: "danger",
             theme: "light",
             className: [
-                "bg-button-bg-danger-light",
+                "bg-button-bg-danger-light-base",
                 "hover:bg-button-bg-danger-light-hover",
                 "active:bg-button-bg-danger-light-active",
                 "text-button-fg-danger-light"
@@ -229,17 +229,17 @@ const buttonVariants = tv({
         {
             theme: "outlined",
             size: "sm",
-            className: "border-(length:--border-button-width-sm)"
+            className: "border-(length:--border-width-button-sm)"
         },
         {
             theme: "outlined",
             size: "md",
-            className: "border-(length:--border-button-width-md)"
+            className: "border-(length:--border-width-button-md)"
         },
         {
             theme: "outlined",
             size: "lg",
-            className: "border-(length:--border-button-width-lg)"
+            className: "border-(length:--border-width-button-lg)"
         }
     ],
     defaultVariants: {

package/dist/atoms/checkbox.js

@@ -4,8 +4,8 @@ const checkboxVariants = tv({
     base: [
         "relative shrink-0 cursor-pointer appearance-none",
         "size-checkbox",
-        "rounded-checkbox border border-checkbox-border",
-        "bg-checkbox-bg",
+        "rounded-checkbox border border-checkbox-border-base",
+        "bg-checkbox-bg-base",
         "after:-translate-x-1/2 after:-translate-y-1/2 after:absolute after:top-1/2 after:left-1/2",
         "checked:bg-checkbox-bg-checked",
         "checked:border-checkbox-border-checked",

package/dist/atoms/figma/image.figma.js

@@ -14,8 +14,8 @@ code_connect.connect(Image, "https://www.figma.com/design/12xb1pqXKwE2vbOByN3ntg
         })
     },
     example: ({ size })=>/*#__PURE__*/ jsx(Image, {
-            src: "/image.jpg",
             alt: "Description",
-            size: size
+            size: size,
+            src: "/image.jpg"
         })
 });

package/dist/atoms/figma/numeric-input.figma.js

@@ -31,9 +31,9 @@ code_connect.connect(NumericInput, "https://www.figma.com/design/12xb1pqXKwE2vbO
         })
     },
     example: ({ disabled, invalid, readOnly, size })=>/*#__PURE__*/ jsx(NumericInput, {
-            id: "quantity",
             defaultValue: 42,
             disabled: disabled,
+            id: "quantity",
             invalid: invalid,
             readOnly: readOnly,
             size: size,

package/dist/atoms/figma/textarea.figma.js

@@ -30,9 +30,9 @@ code_connect.connect(Textarea, "https://www.figma.com/design/12xb1pqXKwE2vbOByN3
         })
     },
     example: ({ size, variant, disabled, readonly })=>/*#__PURE__*/ jsx(Textarea, {
-            size: size,
-            variant: variant,
             disabled: disabled,
-            readonly: readonly
+            readonly: readonly,
+            size: size,
+            variant: variant
         })
 });

package/dist/atoms/input.js

@@ -4,15 +4,15 @@ const inputVariants = tv({
     base: [
         "block w-full",
         "font-normal",
-        "bg-input",
+        "bg-input-bg-base",
         "text-input-fg",
         "placeholder:font-normal",
         "placeholder:text-input-fg-placeholder",
-        "border-(length:--border-width-input) border-input-border",
+        "border-(length:--border-width-input) border-input-border-base",
         "rounded-input",
         "transition-all duration-200 motion-reduce:transition-none",
-        "hover:border-input-border-hover hover:bg-input-hover",
-        "focus:border-input-border-focus focus:bg-input-focus",
+        "hover:border-input-border-hover hover:bg-input-bg-hover",
+        "focus:border-input-border-focus focus:bg-input-bg-focus",
         "focus-visible:outline-(style:--default-ring-style) focus-visible:outline-(length:--default-ring-width)",
         "focus-visible:outline-input-ring",
         "focus-visible:outline-offset-(length:--default-ring-offset)",
@@ -28,27 +28,27 @@ const inputVariants = tv({
             default: "",
             error: [
                 "border-(length:--border-width-validation)",
-                "border-input-border-danger",
+                "border-input-border-danger-base",
                 "hover:border-input-border-danger-hover",
                 "focus:border-input-border-danger-focus"
             ],
             success: [
                 "border-(length:--border-width-validation)",
-                "border-input-border-success",
+                "border-input-border-success-base",
                 "hover:border-input-border-success-hover",
                 "focus:border-input-border-success-focus"
             ],
             warning: [
                 "border-(length:--border-width-validation)",
-                "border-input-border-warning",
+                "border-input-border-warning-base",
                 "hover:border-input-border-warning-hover",
                 "focus:border-input-border-warning-focus"
             ]
         },
         withButtonInside: {
             false: "",
-            right: "pe-with-button",
-            left: "ps-with-button"
+            right: "pe-input-with-button",
+            left: "ps-input-with-button"
         },
         hideSearchClear: {
             true: "[&::-ms-clear]:hidden [&::-webkit-search-cancel-button]:hidden"

package/dist/atoms/numeric-input.js

@@ -19,9 +19,9 @@ const numericInputVariants = tv({
             "data-disabled:bg-numeric-input-bg-disabled",
             "data-disabled:border-numeric-input-border-disabled",
             "data-disabled:text-numeric-input-fg-disabled",
-            "data-invalid:bg-numeric-input-invalid-bg",
+            "data-invalid:bg-numeric-input-bg-invalid",
             "data-invalid:border-(length:--border-width-validation)",
-            "data-invalid:border-numeric-input-invalid-border",
+            "data-invalid:border-numeric-input-border-invalid",
             "text-numeric-input-fg",
             "has-[input:not(:disabled):hover]:bg-numeric-input-input-bg-hover",
             "has-[input:focus]:bg-numeric-input-input-bg-focus",
@@ -57,19 +57,19 @@ const numericInputVariants = tv({
     variants: {
         size: {
             sm: {
-                root: "gap-numeric-input-root-sm text-numeric-input-sm",
+                root: "gap-numeric-input-sm text-numeric-input-sm",
                 container: "h-form-control-sm rounded-numeric-input-sm",
                 trigger: "text-numeric-input-sm",
                 input: "pl-numeric-input-input-sm text-numeric-input-sm"
             },
             md: {
-                root: "gap-numeric-input-root-md text-numeric-input-md",
+                root: "gap-numeric-input-md text-numeric-input-md",
                 container: "h-form-control-md rounded-numeric-input-md",
                 trigger: "text-numeric-input-md",
                 input: "pl-numeric-input-input-md text-numeric-input-md"
             },
             lg: {
-                root: "gap-numeric-input-root-lg text-numeric-input-lg",
+                root: "gap-numeric-input-lg text-numeric-input-lg",
                 container: "h-form-control-lg rounded-numeric-input-lg",
                 trigger: "text-numeric-input-lg",
                 input: "pl-numeric-input-input-lg text-numeric-input-lg"

package/dist/atoms/rating.js

@@ -21,7 +21,7 @@ const rating = tv({
         item: [
             "cursor-pointer transition-colors duration-200",
             "cursor-pointer transition-colors duration-200 motion-reduce:transition-none",
-            "text-rating-fg",
+            "text-rating-fg-base",
             "data-highlighted:text-rating-fg-active",
             "data-disabled:cursor-not-allowed",
             "data-disabled:data-highlighted:text-rating-fg-disabled",

package/dist/atoms/status-text.js

@@ -11,24 +11,24 @@ const statusTextVariants = tv({
             error: "text-status-text-fg-error",
             success: "text-status-text-fg-success",
             warning: "text-status-text-fg-warning",
-            default: "text-status-text-fg-default"
+            default: "text-status-text-fg"
         },
         align: {
             start: {
-                icon: "mt-status-text-icon-long-text self-start"
+                icon: "mt-status-text-icon-offset-long-text self-start"
             },
             center: {}
         },
         size: {
             sm: {
-                base: "gap-status-text-icon-gap-sm text-status-text-sm"
+                base: "gap-status-text-sm text-status-text-sm"
             },
             md: {
-                base: "gap-status-text-icon-gap-md text-status-text-md"
+                base: "gap-status-text-md text-status-text-md"
             },
             lg: {
-                base: "items-start gap-status-text-icon-gap-lg text-status-text-lg",
-                icon: "mt-status-text-icon"
+                base: "items-start gap-status-text-lg text-status-text-lg",
+                icon: "mt-status-text-icon-offset"
             }
         }
     },

package/dist/atoms/textarea.js

@@ -7,8 +7,8 @@ const textareaVariants = tv({
         "bg-textarea-bg",
         "text-textarea-fg",
         "placeholder:font-normal",
-        "placeholder:text-textarea-placeholder",
-        "border-(length:--border-textarea-width) border-textarea-border",
+        "placeholder:text-textarea-fg-placeholder",
+        "border-(length:--border-width-textarea) border-textarea-border",
         "rounded-textarea",
         "transition-all duration-200 motion-reduce:transition-none",
         "hover:border-textarea-border-hover hover:bg-textarea-bg-hover",
@@ -23,20 +23,20 @@ const textareaVariants = tv({
             default: "",
             error: [
                 "border-(length:--border-width-validation)",
-                "border-textarea-border-danger",
+                "border-textarea-border-danger-base",
                 "hover:border-textarea-border-danger-hover",
                 "focus:border-textarea-border-danger-focus",
                 "placeholder:text-textarea-placeholder-danger"
             ],
             success: [
                 "border-(length:--border-width-validation)",
-                "border-textarea-border-success",
+                "border-textarea-border-success-base",
                 "hover:border-textarea-border-success-hover",
                 "focus:border-textarea-border-success-focus"
             ],
             warning: [
                 "border-(length:--border-width-validation)",
-                "border-textarea-border-warning",
+                "border-textarea-border-warning-base",
                 "hover:border-textarea-border-warning-hover",
                 "focus:border-textarea-border-warning-focus"
             ],

package/dist/atoms/tooltip.js

@@ -12,7 +12,7 @@ const tooltipVariants = tv({
             "[--arrow-size:var(--tooltip-arrow-size)]",
             "[--arrow-background:var(--tooltip-arrow-background)]",
             "bg-tooltip-bg",
-            "rounded-tooltip shadow-tooltip"
+            "rounded-tooltip"
         ],
         positioner: [
             "relative"
@@ -23,8 +23,8 @@ const tooltipVariants = tv({
         variant: {
             default: {},
             outline: {
-                content: "border border-tooltip-border",
-                arrow: "border-tooltip-border border-s border-t"
+                content: "border border-tooltip-border-outline",
+                arrow: "border-tooltip-border-outline border-s border-t"
             }
         },
         size: {

package/dist/molecules/tabs.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { normalizeProps, useMachine } from "@zag-js/react";
+import { mergeProps, normalizeProps, useMachine } from "@zag-js/react";
 import { connect, machine } from "@zag-js/tabs";
 import { createContext, useContext, useId } from "react";
 import { Button } from "../atoms/button.js";
@@ -167,21 +167,22 @@ Tabs.List = function({ children, ref, className, ...props }) {
         children: children
     });
 };
-Tabs.Trigger = function({ value, disabled, children, ref, className, ...props }) {
+Tabs.Trigger = function({ value, disabled, children, ref, className, size = "current", theme = "unstyled", type = "button", ...props }) {
     const { api, styles } = useTabsContext();
+    const triggerProps = mergeProps(props, api.getTriggerProps({
+        value,
+        disabled
+    }));
     return /*#__PURE__*/ jsx(Button, {
+        ...triggerProps,
         className: styles.trigger({
             className
         }),
-        ref: ref,
-        theme: "borderless",
-        type: "button",
-        ...api.getTriggerProps({
-            value,
-            disabled
-        }),
         "data-disabled": disabled || void 0,
-        ...props,
+        ref: ref,
+        size: size,
+        theme: theme,
+        type: type,
         children: children
     });
 };

package/dist/src/atoms/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/atoms/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAE5C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDA+OzB,CAAA;AAEF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,EAC/D,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,SAAS,CAAA;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,IAAI,EACJ,KAAK,EACL,SAAS,EACT,WAAW,EACX,IAAI,EACJ,YAAqB,EACrB,QAAQ,EACR,SAAiB,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EAAE,YAAY,EACtB,GAAG,KAAK,EACT,EAAE,WAAW,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,2CA8BhD"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/atoms/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAE5C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDA+OzB,CAAA;AAEF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,EAC/D,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,SAAS,CAAA;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,IAAI,EACJ,KAAK,EACL,SAAS,EACT,WAAW,EACX,IAAI,EACJ,YAAqB,EACrB,QAAQ,EACR,SAAiB,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EAAE,YAAY,EACtB,GAAG,KAAK,EACT,EAAE,WAAW,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,2CAkChD"}

package/dist/src/atoms/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/atoms/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,QAAA,MAAM,YAAY,gLAIhB,CAAA;AAEF,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,OAAO,YAAY,CAAC;IACtE,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,eACf,SAAQ,aAAa,EACnB,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,MAAM,aAAa,CAAC;IAC1D,EAAE,CAAC,EAAE,KAAK,CAAA;CACX;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,IAAI,aAAa,GAChE,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,aAAa,CAAC,GAAG;IACvD,EAAE,CAAC,EAAE,CAAC,CAAA;CACP,CAAA;AAEH,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,EAAE,EAChD,EAAE,EACF,QAAQ,EACR,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,CAAC,CAAC,2CAsBd"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/atoms/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,QAAA,MAAM,YAAY,gLAIhB,CAAA;AAEF,MAAM,WAAW,aAAc,SAAQ,YAAY,CAAC,OAAO,YAAY,CAAC;IACtE,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,eACf,SAAQ,aAAa,EACnB,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,MAAM,aAAa,CAAC;IAC1D,EAAE,CAAC,EAAE,KAAK,CAAA;CACX;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,IAAI,aAAa,GAChE,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,aAAa,CAAC,GAAG;IACvD,EAAE,CAAC,EAAE,CAAC,CAAA;CACP,CAAA;AAEH,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,EAAE,EAChD,EAAE,EACF,QAAQ,EACR,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,CAAC,CAAC,2CAqBd"}

package/dist/src/atoms/status-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"status-text.d.ts","sourceRoot":"","sources":["../../../src/atoms/status-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAE5C,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAqCtB,CAAA;AASF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,GAC1D,YAAY,CAAC,OAAO,kBAAkB,CAAC,GAAG;IAC1C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;IACzB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,QAAgB,EAChB,MAAkB,EAClB,IAAW,EACX,KAAgB,EAChB,IAAI,EACJ,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACT,EAAE,eAAe,2CA0BjB"}
+{"version":3,"file":"status-text.d.ts","sourceRoot":"","sources":["../../../src/atoms/status-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAE5C,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAqCtB,CAAA;AASF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,GAC1D,YAAY,CAAC,OAAO,kBAAkB,CAAC,GAAG;IACxC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;IACzB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAEH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,QAAgB,EAChB,MAAkB,EAClB,IAAW,EACX,KAAgB,EAChB,IAAI,EACJ,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACT,EAAE,eAAe,2CA0BjB"}

package/dist/src/molecules/tabs.d.ts

@@ -1,5 +1,6 @@
 import { type ComponentPropsWithoutRef, type Ref } from "react";
 import type { VariantProps } from "tailwind-variants";
+import { type ButtonProps } from "../atoms/button";
 declare const tabsVariants: import("tailwind-variants").TVReturnType<{
     variant: {
         default: {
@@ -183,7 +184,7 @@ export interface TabsProps extends VariantProps<typeof tabsVariants>, Omit<Compo
 export declare function Tabs({ id, defaultValue, value, orientation, dir, activationMode, loopFocus, onValueChange, variant, size, fitted, justify, children, ref, className, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Tabs {
     var List: ({ children, ref, className, ...props }: TabsListProps) => import("react/jsx-runtime").JSX.Element;
-    var Trigger: ({ value, disabled, children, ref, className, ...props }: TabsTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    var Trigger: ({ value, disabled, children, ref, className, size, theme, type, ...props }: TabsTriggerProps) => import("react/jsx-runtime").JSX.Element;
     var Content: ({ value, children, ref, className, ...props }: TabsContentProps) => import("react/jsx-runtime").JSX.Element;
     var Indicator: ({ ref, className, ...props }: TabsIndicatorProps) => import("react/jsx-runtime").JSX.Element;
     var displayName: string;
@@ -191,11 +192,10 @@ export declare namespace Tabs {
 interface TabsListProps extends ComponentPropsWithoutRef<"div"> {
     ref?: Ref<HTMLDivElement>;
 }
-interface TabsTriggerProps extends ComponentPropsWithoutRef<"button"> {
+type TabsTriggerProps = Omit<ButtonProps, "value"> & {
     value: string;
-    disabled?: boolean;
     ref?: Ref<HTMLButtonElement>;
-}
+};
 interface TabsContentProps extends ComponentPropsWithoutRef<"div"> {
     value: string;
     ref?: Ref<HTMLDivElement>;

package/dist/src/molecules/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/molecules/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,GAAG,EAGT,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAwGhB,CAAA;AAuBF,MAAM,WAAW,SACf,SAAQ,YAAY,CAAC,OAAO,YAAY,CAAC,EACvC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB,cAAc,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAA;IACvC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAED,wBAAgB,IAAI,CAAC,EACnB,EAAE,EACF,YAAY,EACZ,KAAK,EACL,WAA0B,EAC1B,GAAW,EACX,cAA4B,EAC5B,SAAgB,EAChB,aAAa,EACb,OAAO,EACP,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,2CAkCX;yBAnDe,IAAI;uDA+DjB,aAAa;2EA6Bb,gBAAgB;iEA8BhB,gBAAgB;kDAwBhB,kBAAkB;;;AA5FrB,UAAU,aAAc,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAC7D,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAuBD,UAAU,gBAAiB,SAAQ,wBAAwB,CAAC,QAAQ,CAAC;IACnE,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B;AA4BD,UAAU,gBAAiB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAChE,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAwBD,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAClE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/molecules/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,GAAG,EAGT,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAG1D,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAwGhB,CAAA;AAuBF,MAAM,WAAW,SACf,SAAQ,YAAY,CAAC,OAAO,YAAY,CAAC,EACvC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB,cAAc,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAA;IACvC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAED,wBAAgB,IAAI,CAAC,EACnB,EAAE,EACF,YAAY,EACZ,KAAK,EACL,WAA0B,EAC1B,GAAW,EACX,cAA4B,EAC5B,SAAgB,EAChB,aAAa,EACb,OAAO,EACP,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,2CAkCX;yBAnDe,IAAI;uDA+DjB,aAAa;8FA+Bb,gBAAgB;iEAkChB,gBAAgB;kDAwBhB,kBAAkB;;;AAlGrB,UAAU,aAAc,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAC7D,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAuBD,KAAK,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG;IACnD,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B,CAAA;AAmCD,UAAU,gBAAiB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAChE,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAwBD,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAClE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B"}

package/dist/stories/molecules/tabs.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.stories.d.ts","sourceRoot":"","sources":["../../../stories/molecules/tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAGtD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAI/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CA6D3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAGlC,eAAO,MAAM,UAAU,EAAE,KAqCxB,CAAA;AAGD,eAAO,MAAM,WAAW,EAAE,KAwFzB,CAAA;AAGD,eAAO,MAAM,KAAK,EAAE,KAmEnB,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KA4CjC,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KAiCxB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KA6CxB,CAAA;AAGD,eAAO,MAAM,cAAc,EAAE,KAuD5B,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,KA4B1B,CAAA;AAGD,eAAO,MAAM,SAAS,EAAE,KAwCvB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KAyCxB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KAsBxB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KA4FxB,CAAA"}
+{"version":3,"file":"tabs.stories.d.ts","sourceRoot":"","sources":["../../../stories/molecules/tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAGtD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAG/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CA6D3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAGlC,eAAO,MAAM,UAAU,EAAE,KAqCxB,CAAA;AAGD,eAAO,MAAM,WAAW,EAAE,KAwFzB,CAAA;AAGD,eAAO,MAAM,KAAK,EAAE,KAmEnB,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,KA4CjC,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KAiCxB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KA6CxB,CAAA;AAGD,eAAO,MAAM,cAAc,EAAE,KAuD5B,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,KA4B1B,CAAA;AAGD,eAAO,MAAM,SAAS,EAAE,KAqCvB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KAyCxB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KAsBxB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KA4FxB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@techsio/ui-kit",
-  "version": "0.7.0",
+  "version": "0.10.0",
   "type": "module",
   "repository": {
     "type": "git",

package/src/tokens/_tokens-base.css

@@ -13,6 +13,13 @@
 /* Component tokens (dependent on semantic) */
 @import "./components/components.css";
 
+/* Figma source of truth — imported LAST so its @theme static values win
+ * the cascade over any duplicate declarations in the per-component CSS
+ * above. Atom files still own tokens that Figma does not export (font
+ * weights, --alpha() helpers, bridge shorthands, @utility blocks).
+ * Generated by merge-figma-themes.mjs from figma/{light,dark}/variables.css. */
+@import "./figma/variables.css";
+
 /* Base styles */
 :root {
   color-scheme: light dark;

package/src/tokens/components/atoms/_badge.css

@@ -1,72 +1,15 @@
-@theme static {
-  /* === BASE COLOR MAPPING === */
-  /* Reference layer - single source of truth for theming */
-  --color-badge-primary: var(--color-primary);
-  --color-badge-secondary: var(--color-secondary);
-  --color-badge-tertiary: var(--color-tertiary);
-  --color-badge-info: var(--color-info);
-  --color-badge-success: var(--color-success);
-  --color-badge-warning: var(--color-warning);
-  --color-badge-danger: var(--color-danger);
-
-  /* === DERIVED COLORS === */
-  /* Background colors - using reference layer */
-  --color-badge-bg-primary: var(--color-badge-primary);
-  --color-badge-bg-secondary: var(--color-badge-secondary);
-  --color-badge-bg-tertiary: var(--color-badge-tertiary);
-  --color-badge-bg-info: var(--color-badge-info);
-  --color-badge-bg-success: var(--color-badge-success);
-  --color-badge-bg-warning: var(--color-badge-warning);
-  --color-badge-bg-danger: var(--color-badge-danger);
-  --color-badge-bg-discount: var(--color-badge-danger); /* Alias for discount */
-
-  /* Foreground colors */
-  --color-badge-fg: var(--color-fg-light);
-  --color-badge-fg-primary: var(--color-badge-fg);
-  --color-badge-fg-secondary: var(--color-badge-fg);
-  --color-badge-fg-tertiary: var(--color-badge-fg);
-  --color-badge-fg-info: var(--color-badge-fg);
-  --color-badge-fg-success: var(--color-badge-fg);
-  --color-badge-fg-warning: var(--color-badge-fg);
-  --color-badge-fg-danger: var(--color-badge-fg);
-  --color-badge-fg-discount: var(
-    --color-badge-fg
-  ); /* Keep original for discount */
-
-  /* Border colors */
-  --color-badge-border: var(--color-border-primary);
-  --color-badge-border-primary: transparent;
-  --color-badge-border-secondary: transparent;
-  --color-badge-border-tertiary: transparent;
-  --color-badge-border-info: transparent;
-  --color-badge-border-success: transparent;
-  --color-badge-border-warning: transparent;
-  --color-badge-border-danger: transparent;
-  --color-badge-border-discount: transparent;
+/*
+ * Badge — runtime tokens come from libs/ui/src/tokens/figma/variables.css.
+ *
+ * This file only declares what Figma does not export:
+ *   - `--color-badge-border` (base fallback for the `border-badge-border`
+ *     utility on the root; every variant overrides it via Figma's
+ *     `--color-badge-border-{variant}` tokens).
+ *
+ * Sizing, color, font-weight, radius, border-width are all owned by Figma
+ * now — see grep `--color-badge-` in figma/variables.css.
+ */
 
-  /* === COMPONENT VARIANTS === */
-  /* Outline variant */
-  --color-badge-bg-outline: transparent;
-  --color-badge-fg-outline: var(--color-fg-secondary);
-  --color-badge-border-outline: var(--color-badge-border);
-
-  /* === SPACING === */
-  --spacing-badge-sm: var(--spacing-50);
-  --spacing-badge-md: var(--spacing-100);
-  --spacing-badge-lg: var(--spacing-150);
-  --spacing-badge-xl: var(--spacing-200);
-
-  /* === TYPOGRAPHY === */
-  --text-badge-sm: var(--text-xs);
-  --text-badge-md: var(--text-xs);
-  --text-badge-lg: var(--text-sm);
-  --text-badge-xl: var(--text-md);
-
-  --font-weight-badge-sm: var(--font-weight-light);
-  --font-weight-badge-md: var(--font-weight-medium);
-  --font-weight-badge-lg: var(--font-weight-semibold);
-  --font-weight-badge-xl: var(--font-weight-bold);
-  /* === BORDERS & RADIUS === */
-  --radius-badge: var(--radius-sm);
-  --border-width-badge: var(--border-width-sm);
+@theme static {
+  --color-badge-border: oklch(0 0 0 / 0);
 }