@uxf/ui 1.0.0-beta.82 → 1.0.0-beta.83

package/avatar/index.d.ts

@@ -1 +1 @@
-export { Avatar } from "./avatar";
+export * from "./avatar";

package/avatar/index.js

@@ -1,5 +1,17 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = void 0;
-var avatar_1 = require("./avatar");
-Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return avatar_1.Avatar; } });
+__exportStar(require("./avatar"), exports);

package/badge/index.d.ts

@@ -1 +1 @@
-export { Badge } from "./badge";
+export * from "./badge";

package/badge/index.js

@@ -1,5 +1,17 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Badge = void 0;
-var badge_1 = require("./badge");
-Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return badge_1.Badge; } });
+__exportStar(require("./badge"), exports);

package/chip/chip.stories.d.ts

@@ -3,7 +3,7 @@ import React from "react";
 import Docs from "./chip.docs.mdx";
 declare const _default: {
     title: string;
-    component: React.ForwardRefExoticComponent<import("./chip").ChipProps & React.RefAttributes<HTMLDivElement>>;
+    component: React.ForwardRefExoticComponent<import("@uxf/ui/chip").ChipProps & React.RefAttributes<HTMLDivElement>>;
     parameters: {
         docs: {
             page: typeof Docs;

package/chip/index.d.ts

@@ -1 +1 @@
-export { Chip } from "./chip";
+export * from "./chip";

package/chip/index.js

@@ -1,5 +1,17 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Chip = void 0;
-var chip_1 = require("./chip");
-Object.defineProperty(exports, "Chip", { enumerable: true, get: function () { return chip_1.Chip; } });
+__exportStar(require("./chip"), exports);

package/css/button.css

@@ -5,7 +5,8 @@
 }
 
 .uxf-button {
-    @apply inline-flex items-center justify-center rounded-md font-medium shadow-sm focus:outline-none focus:ring-2 focus:ring-offset-2;
+    @apply inline-flex items-center justify-center rounded-md font-medium shadow-sm
+        focus:outline-none focus:ring-2 focus:ring-offset-2;
 
     .uxf-icon {
         @apply h-6;
@@ -25,7 +26,7 @@
 
     &.uxf-button--icon-button.is-loading {
         &::after {
-            @apply ml-0
+            @apply ml-0;
         }
     }
 

package/css/button.old.css

@@ -6,8 +6,8 @@
 
 .uxf-button {
     @apply inline-flex items-center justify-center text-center rounded-lg before:rounded-lg font-semibold
-    focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 relative cursor-pointer transition
-    before:transition;
+        focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 relative cursor-pointer transition
+        before:transition;
 
     &__text {
         @apply truncate;
@@ -88,11 +88,11 @@
 
     &--variant-outlined {
         @apply before:absolute before:pointer-events-none before:inset-0 before:border is-hoverable:before:border-2
-        bg-transparent;
+            bg-transparent;
 
         :root .light & {
             @apply before:border-gray-300 is-hoverable:bg-primary-100 is-hoverable:before:border-primary-400
-            focus-visible:ring-primary-500 focus-visible:ring-offset-white;
+                focus-visible:ring-primary-500 focus-visible:ring-offset-white;
 
             &.is-disabled {
                 @apply before:border-gray-100 text-gray-400;
@@ -101,7 +101,7 @@
 
         :root .dark & {
             @apply before:border-gray-300 is-hoverable:bg-white/10 focus-visible:ring-primary-500
-            focus-visible:ring-offset-gray-900;
+                focus-visible:ring-offset-gray-900;
 
             &.is-disabled {
                 @apply before:border-gray-700 text-gray-600;
@@ -123,7 +123,7 @@
 
             :root .dark & {
                 @apply text-white bg-primary-500 is-hoverable:bg-primary-400 focus-visible:ring-primary-500
-                focus-visible:ring-offset-gray-900;
+                    focus-visible:ring-offset-gray-900;
 
                 &.is-disabled {
                     @apply bg-gray-700 text-gray-400;
@@ -162,7 +162,7 @@
 
             :root .dark & {
                 @apply text-white bg-success-500 is-hoverable:bg-success-400 focus-visible:ring-success-500
-                focus-visible:ring-offset-gray-900;
+                    focus-visible:ring-offset-gray-900;
 
                 &.is-disabled {
                     @apply bg-gray-700 text-gray-400;
@@ -181,7 +181,7 @@
 
             :root .dark & {
                 @apply text-white bg-warning-500 is-hoverable:bg-warning-400 focus-visible:ring-warning-500
-                focus-visible:ring-offset-gray-900;
+                    focus-visible:ring-offset-gray-900;
 
                 &.is-disabled {
                     @apply bg-gray-700 text-gray-400;
@@ -200,7 +200,7 @@
 
             :root .dark & {
                 @apply text-white bg-error-500 is-hoverable:bg-error-400 focus-visible:ring-error-500
-                focus-visible:ring-offset-gray-900;
+                    focus-visible:ring-offset-gray-900;
 
                 &.is-disabled {
                     @apply bg-gray-700 text-gray-400;

package/css/chip.css

@@ -5,7 +5,7 @@
         @apply pr-1;
     }
 
-    &--size-large{
+    &--size-large {
         @apply text-sm rounded-md px-2.5;
 
         .uxf-chip__button {

package/css/combobox.old.css

@@ -3,7 +3,7 @@
 
     &__button {
         @apply relative flex h-12 w-full cursor-default flex-row items-center rounded-lg py-3 px-4 text-left
-        outline-none  before:absolute before:inset-0 before:pointer-events-none before:border before:rounded-lg;
+            outline-none before:absolute before:inset-0 before:pointer-events-none before:border before:rounded-lg;
 
         :root .light & {
             @apply bg-gray-100 text-lightHigh before:border-gray-200;

package/css/dropdown.old.css

@@ -1,6 +1,6 @@
 .uxf-dropdown {
     @apply absolute z-10 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black
-    ring-opacity-5 focus:outline-none sm:text-sm;
+        ring-opacity-5 focus:outline-none sm:text-sm;
 
     &--bottom {
         @apply mt-1;

package/css/pagination.css

@@ -2,7 +2,8 @@
     @apply isolate inline-flex rounded-md -space-x-px;
 
     &__button {
-        @apply relative inline-flex items-center border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-10 cursor-pointer h-10;
+        @apply relative inline-flex items-center border border-gray-300 bg-white px-4 py-2
+            text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-10 cursor-pointer h-10;
 
         &.is-selected {
             @apply z-10 bg-indigo-50 border border-primary-500 text-primary-600;
@@ -21,7 +22,7 @@
         }
 
         &.is-ellipsis {
-            @apply text-neutral-300 hover:bg-white pointer-events-none
+            @apply text-neutral-300 hover:bg-white pointer-events-none;
         }
     }
-}
+}

package/css/select.old.css

@@ -3,12 +3,12 @@
 
     &__button {
         @apply relative flex h-12 w-full cursor-default flex-row items-center rounded-lg py-3 px-4 text-left
-        outline-none focus-visible:ring-2 before:absolute before:inset-0 before:pointer-events-none before:border
-        before:rounded-lg;
+            outline-none focus-visible:ring-2 before:absolute before:inset-0 before:pointer-events-none before:border
+            before:rounded-lg;
 
         :root .light & {
             @apply bg-gray-100 text-lightHigh before:border-gray-200 focus-visible:before:border-none
-            focus-visible:ring-primary-500;
+                focus-visible:ring-primary-500;
 
             .is-empty {
                 @apply text-lightLow;

package/hooks/use-dropdown.js

@@ -13,7 +13,9 @@ function useDropdown(placement, matchWidth = false) {
                     Object.assign(elements.floating.style, {
                         left: x + "px",
                         maxHeight: Math.max(50, availableHeight) + "px",
-                        maxWidth: matchWidth ? availableWidth + "px" : undefined,
+                        maxWidth: matchWidth
+                            ? Math.min(availableWidth, elements.reference.getBoundingClientRect().width) + "px"
+                            : availableWidth,
                         position: strategy,
                         top: y + "px",
                     });

package/list-item/index.d.ts

@@ -1 +1 @@
-export { ListItem } from "./list-item";
+export * from "./list-item";

package/list-item/index.js

@@ -1,5 +1,17 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListItem = void 0;
-var list_item_1 = require("./list-item");
-Object.defineProperty(exports, "ListItem", { enumerable: true, get: function () { return list_item_1.ListItem; } });
+__exportStar(require("./list-item"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/ui",
-  "version": "1.0.0-beta.82",
+  "version": "1.0.0-beta.83",
   "description": "",
   "publishConfig": {
     "access": "public"

package/tabs/index.d.ts

@@ -1 +1 @@
-export { Tabs } from "./tabs";
+export * from "./tabs";

package/tabs/index.js

@@ -1,5 +1,17 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tabs = void 0;
-var tabs_1 = require("./tabs");
-Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return tabs_1.Tabs; } });
+__exportStar(require("./tabs"), exports);

package/text-link/index.d.ts

@@ -1 +1 @@
-export { TextLink } from "./text-link";
+export * from "./text-link";

package/text-link/index.js

@@ -1,5 +1,17 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextLink = void 0;
-var text_link_1 = require("./text-link");
-Object.defineProperty(exports, "TextLink", { enumerable: true, get: function () { return text_link_1.TextLink; } });
+__exportStar(require("./text-link"), exports);