@segmentify/ui 0.0.54 → 0.0.56

package/dist/ui.css

@@ -367,6 +367,9 @@
 .ui\:mt-auto {
   margin-top: auto;
 }
+.ui\:-mr-2 {
+  margin-right: calc(var(--ui-spacing) * -2);
+}
 .ui\:mr-1\! {
   margin-right: calc(var(--ui-spacing) * 1) !important;
 }
@@ -409,6 +412,9 @@
 .ui\:ml-auto {
   margin-left: auto;
 }
+.ui\:box-border {
+  box-sizing: border-box;
+}
 .ui\:line-clamp-1 {
   overflow: hidden;
   display: -webkit-box;
@@ -682,6 +688,9 @@
 .ui\:w-5 {
   width: calc(var(--ui-spacing) * 5);
 }
+.ui\:w-6 {
+  width: calc(var(--ui-spacing) * 6);
+}
 .ui\:w-8 {
   width: calc(var(--ui-spacing) * 8);
 }
@@ -1181,10 +1190,18 @@
   border-start-start-radius: var(--ui-radius-lg);
   border-end-start-radius: var(--ui-radius-lg);
 }
+.ui\:rounded-s-none {
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
+}
 .ui\:rounded-e-lg {
   border-start-end-radius: var(--ui-radius-lg);
   border-end-end-radius: var(--ui-radius-lg);
 }
+.ui\:rounded-e-none {
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
+}
 .ui\:rounded-t-\[10px\] {
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
@@ -1252,6 +1269,10 @@
   border-right-style: var(--tw-border-style);
   border-right-width: 1px;
 }
+.ui\:border-r-0 {
+  border-right-style: var(--tw-border-style);
+  border-right-width: 0px;
+}
 .ui\:border-b {
   border-bottom-style: var(--tw-border-style);
   border-bottom-width: 1px;
@@ -1421,6 +1442,12 @@
 .ui\:bg-foreground {
   background-color: var(--ui-color-foreground);
 }
+.ui\:bg-foreground\/20 {
+  background-color: var(--ui-color-foreground);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--ui-color-foreground) 20%, transparent);
+  }
+}
 .ui\:bg-gray-50 {
   background-color: var(--ui-color-gray-50);
 }
@@ -1908,6 +1935,12 @@
 .ui\:text-foreground {
   color: var(--ui-color-foreground);
 }
+.ui\:text-foreground\/50 {
+  color: var(--ui-color-foreground);
+  @supports (color: color-mix(in lab, red, red)) {
+    color: color-mix(in oklab, var(--ui-color-foreground) 50%, transparent);
+  }
+}
 .ui\:text-gray-400 {
   color: var(--ui-color-gray-400);
 }
@@ -2026,6 +2059,9 @@
 .ui\:opacity-70 {
   opacity: 70%;
 }
+.ui\:opacity-100 {
+  opacity: 100%;
+}
 .ui\:shadow {
   --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3010,6 +3046,11 @@
     outline-style: none;
   }
 }
+.ui\:focus-visible\:z-10 {
+  &:focus-visible {
+    z-index: 10;
+  }
+}
 .ui\:focus-visible\:border-destructive\! {
   &:focus-visible {
     border-color: var(--ui-color-destructive) !important;
@@ -4703,6 +4744,12 @@
     height: calc(var(--ui-spacing) * 6);
   }
 }
+.ui\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-full {
+  & svg:not([class*='size-']) {
+    width: 100%;
+    height: 100%;
+  }
+}
 .ui\:\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground {
   & svg:not([class*='text-']) {
     color: var(--ui-color-muted-foreground);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@segmentify/ui",
-  "version": "0.0.54",
+  "version": "0.0.56",
   "description": "A collection of reusable React UI components built with Tailwind CSS and Radix UI",
   "repository": {
     "type": "git",
@@ -27,13 +27,13 @@
     "dist"
   ],
   "peerDependencies": {
+    "@tanstack/react-query": "^5.90.19",
+    "lucide-react": ">=0.562.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
     "react-hook-form": "^7.0.0",
-    "@tanstack/react-query": "^5.90.19",
-    "lucide-react": ">=0.562.0",
-    "sonner": "^2.0.7",
-    "recharts": "^2.15.0"
+    "recharts": "^2.15.0",
+    "sonner": "^2.0.7"
   },
   "dependencies": {
     "@base-ui/react": "^1.1.0",
@@ -67,6 +67,7 @@
     "quill": "^2.0.3",
     "radix-ui": "^1.4.3",
     "react-day-picker": "^9.13.0",
+    "react-phone-number-input": "^3.4.16",
     "react-select": "^5.10.2",
     "tailwind-merge": "^3.4.0",
     "vaul": "^1.1.2"
@@ -82,6 +83,7 @@
     "@storybook/react-vite": "^10.1.10",
     "@tailwindcss/cli": "^4.1.18",
     "@tailwindcss/vite": "^4.1.18",
+    "@tanstack/react-query": "^5.90.19",
     "@types/node": "^25.0.3",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
@@ -102,15 +104,14 @@
     "husky": "^9.1.7",
     "knip": "^5.76.1",
     "lint-staged": "^16.2.7",
+    "lucide-react": "^0.562.0",
     "playwright": "^1.57.0",
     "prettier": "3.7.4",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "react-hook-form": "7.69.0",
-    "@tanstack/react-query": "^5.90.19",
-    "lucide-react": "^0.562.0",
-    "sonner": "^2.0.7",
+    "react-hook-form": "7.71.2",
     "recharts": "2.15.4",
+    "sonner": "^2.0.7",
     "storybook": "^10.1.10",
     "tailwindcss": "^4.1.18",
     "ts-toolbelt": "^9.6.0",

package/dist/hooks/use-popup-layer-z-index.d.ts

@@ -1 +0,0 @@
-export declare const usePopupLayerZIndex: () => number | undefined;