@lawkit/ui 0.1.75 → 0.1.77

package/dist/tokens/src/contracts/theme-contract.css.d.ts

@@ -74,5 +74,6 @@ export declare const themeVars: {
         linear: `var(--${string})`;
         decelerate: `var(--${string})`;
         emphasized: `var(--${string})`;
+        spring: `var(--${string})`;
     };
 };

package/dist/tokens/src/foundation/easing-scale.d.ts

@@ -3,4 +3,5 @@ export declare const defaultEasingTokens: {
     readonly linear: "linear";
     readonly decelerate: "ease-out";
     readonly emphasized: "ease-in-out";
+    readonly spring: "cubic-bezier(0.34, 1.56, 0.64, 1)";
 };

package/dist/tokens/src/themes/light-theme.css.d.ts

@@ -31,6 +31,7 @@ export declare const defaultThemeValues: {
         readonly linear: "linear";
         readonly decelerate: "ease-out";
         readonly emphasized: "ease-in-out";
+        readonly spring: "cubic-bezier(0.34, 1.56, 0.64, 1)";
     };
 };
 export declare const lightThemeClass: string;

package/dist/ui-v3/src/components/Alert/Alert.css.d.ts

@@ -1,3 +1,16 @@
+export declare const dismissOuter: import('@vanilla-extract/recipes').RuntimeFn<{
+    dismissing: {
+        true: {
+            gridTemplateRows: "0fr";
+            opacity: number;
+        };
+        false: {
+            gridTemplateRows: "1fr";
+            opacity: number;
+        };
+    };
+}>;
+export declare const dismissInner: string;
 export declare const root: import('@vanilla-extract/recipes').RuntimeFn<{
     type: {
         info: {

package/dist/ui-v3/src/components/Badge/Badge.css.d.ts

@@ -1,3 +1,16 @@
+export declare const dismissOuter: import('@vanilla-extract/recipes').RuntimeFn<{
+    dismissing: {
+        true: {
+            gridTemplateColumns: "0fr";
+            opacity: number;
+        };
+        false: {
+            gridTemplateColumns: "1fr";
+            opacity: number;
+        };
+    };
+}>;
+export declare const dismissInner: string;
 export declare const badge: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         filled: {};

package/dist/ui-v3/src/components/ButtonGroup/ButtonGroup.css.d.ts

@@ -6,6 +6,7 @@ export declare const root: import('@vanilla-extract/recipes').RuntimeFn<{
         };
         outline: {};
         segmented: {
+            position: "relative";
             alignItems: "center";
             gap: number;
             padding: `var(--${string})`;
@@ -18,6 +19,7 @@ export declare const root: import('@vanilla-extract/recipes').RuntimeFn<{
         medium: {};
     };
 }>;
+export declare const slidingPill: string;
 export declare const item: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         fill: {

package/dist/ui-v3/src/components/Chip/Chip.css.d.ts

@@ -1,3 +1,16 @@
+export declare const dismissOuter: import('@vanilla-extract/recipes').RuntimeFn<{
+    dismissing: {
+        true: {
+            gridTemplateColumns: "0fr";
+            opacity: number;
+        };
+        false: {
+            gridTemplateColumns: "1fr";
+            opacity: number;
+        };
+    };
+}>;
+export declare const dismissInner: string;
 export declare const chip: import('@vanilla-extract/recipes').RuntimeFn<{
     selected: {
         true: {

package/dist/ui-v3/src/components/NavigationTab/NavigationTab.css.d.ts

@@ -1,14 +1,12 @@
 export declare const root: string;
+export declare const slidingPill: string;
 export declare const tab: import('@vanilla-extract/recipes').RuntimeFn<{
     active: {
         true: {
-            backgroundColor: `var(--${string})`;
-            border: `1px solid var(--${string})`;
             color: `var(--${string})`;
             selectors: {
                 "&:hover:not(:disabled)": {
                     color: `var(--${string})`;
-                    borderColor: `var(--${string})`;
                 };
             };
         };

package/dist/ui-v3/src/components/NumberInput/NumberInput.css.d.ts

@@ -16,6 +16,12 @@ export declare const button: import('@vanilla-extract/recipes').RuntimeFn<{
     };
 }>;
 export declare const input: import('@vanilla-extract/recipes').RuntimeFn<{
+    bump: {
+        true: {
+            backgroundColor: "rgba(33, 81, 236, 0.12)";
+        };
+        false: {};
+    };
     size: {
         small: {
             width: number;

package/dist/ui-v3/src/components/Slider/Slider.css.d.ts

@@ -2,7 +2,14 @@ export declare const root: string;
 export declare const sliderRow: string;
 export declare const track: string;
 export declare const trackFill: string;
-export declare const thumb: string;
+export declare const thumb: import('@vanilla-extract/recipes').RuntimeFn<{
+    active: {
+        true: {
+            transform: "translateX(-50%) scale(1.35)";
+        };
+        false: {};
+    };
+}>;
 export declare const valueBadge: string;
 export declare const ticksRow: string;
 export declare const tick: string;

package/dist/ui-v3/src/components/TableTree/TableTree.css.d.ts

@@ -4,6 +4,7 @@ export declare const thead: string;
 export declare const th: string;
 export declare const thBordered: string;
 export declare const tr: string;
+export declare const trChild: string;
 export declare const trClickable: string;
 export declare const td: string;
 export declare const tdBordered: string;

package/dist/ui-v3/src/components/Tabs/Tabs.css.d.ts

@@ -1,10 +1,19 @@
 export declare const root: string;
 export declare const tabRow: string;
 export declare const tabList: string;
+export declare const slidingPill: import('@vanilla-extract/recipes').RuntimeFn<{
+    size: {
+        large: {
+            height: number;
+        };
+        medium: {
+            height: number;
+        };
+    };
+}>;
 export declare const tabItem: import('@vanilla-extract/recipes').RuntimeFn<{
     active: {
         true: {
-            backgroundColor: `var(--${string})`;
             color: `var(--${string})`;
         };
         false: {

package/dist/ui-v3/src/components/TreeView/TreeView.css.d.ts

@@ -100,4 +100,14 @@ export declare const textSegment: import('@vanilla-extract/recipes').RuntimeFn<{
     };
 }>;
 export declare const separator: string;
+export declare const childrenOuter: import('@vanilla-extract/recipes').RuntimeFn<{
+    expanded: {
+        true: {
+            gridTemplateRows: "1fr";
+        };
+        false: {
+            gridTemplateRows: "0fr";
+        };
+    };
+}>;
 export declare const children: string;

package/dist/ui-v3/src/components/Widget/Widget.css.d.ts

@@ -6,6 +6,17 @@ export declare const headerBadge: string;
 export declare const collapseButton: string;
 export declare const collapseButtonOpen: string;
 export declare const divider: string;
+export declare const widgetBodyOuter: import('@vanilla-extract/recipes').RuntimeFn<{
+    collapsed: {
+        true: {
+            gridTemplateRows: "0fr";
+        };
+        false: {
+            gridTemplateRows: "1fr";
+        };
+    };
+}>;
+export declare const widgetBodyInner: string;
 export declare const widgetBody: string;
 export declare const widgetBodyFlush: string;
 export declare const statCell: import('@vanilla-extract/recipes').RuntimeFn<{

package/dist/ui-v3/src/lib/useSlidingIndicator.d.ts

@@ -0,0 +1,13 @@
+import { RefObject } from 'react';
+export interface SlidingIndicatorRect {
+    left: number;
+    width: number;
+}
+/**
+ * 세그먼트 컨트롤(Tabs/ButtonGroup류)의 슬라이딩 인디케이터 위치·너비를
+ * 실제 DOM 크기로 계산한다. 각 항목 엘리먼트에 `data-slide-item`을 붙여야
+ * 컨테이너 안에서 인디케이터 자신과 구분해 찾을 수 있다.
+ *
+ * @returns 활성 항목이 없거나(activeIndex < 0) 아직 측정 전이면 null
+ */
+export declare function useSlidingIndicator(containerRef: RefObject<HTMLElement | null>, activeIndex: number): SlidingIndicatorRect | null;

package/dist/ui-v3/src/styles/sprinkles.css.d.ts

@@ -4,16 +4,16 @@ export declare const sprinkles: ((props: {
         tablet?: "flex" | "grid" | "block" | "inline-flex" | "none" | undefined;
         desktop?: "flex" | "grid" | "block" | "inline-flex" | "none" | undefined;
     } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<2 | 1 | 3, "flex" | "grid" | "block" | "inline-flex" | "none" | null>;
-    alignItems?: ("center" | "stretch" | {
-        mobile?: "center" | "stretch" | undefined;
-        tablet?: "center" | "stretch" | undefined;
-        desktop?: "center" | "stretch" | undefined;
-    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<2 | 1 | 3, "center" | "stretch" | null>;
-    justifyContent?: ("center" | "flex-start" | "space-between" | {
-        mobile?: "center" | "flex-start" | "space-between" | undefined;
-        tablet?: "center" | "flex-start" | "space-between" | undefined;
-        desktop?: "center" | "flex-start" | "space-between" | undefined;
-    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<2 | 1 | 3, "center" | "flex-start" | "space-between" | null>;
+    alignItems?: ("stretch" | "center" | {
+        mobile?: "stretch" | "center" | undefined;
+        tablet?: "stretch" | "center" | undefined;
+        desktop?: "stretch" | "center" | undefined;
+    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<2 | 1 | 3, "stretch" | "center" | null>;
+    justifyContent?: ("space-between" | "center" | "flex-start" | {
+        mobile?: "space-between" | "center" | "flex-start" | undefined;
+        tablet?: "space-between" | "center" | "flex-start" | undefined;
+        desktop?: "space-between" | "center" | "flex-start" | undefined;
+    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<2 | 1 | 3, "space-between" | "center" | "flex-start" | null>;
     width?: ("100%" | {
         mobile?: "100%" | undefined;
         tablet?: "100%" | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lawkit/ui",
-  "version": "0.1.75",
+  "version": "0.1.77",
   "type": "module",
   "description": "LDS Design System — React component library with design tokens",
   "main": "./dist/index.js",