@gearbox-protocol/permissionless-ui 1.2.32 → 1.3.0

package/dist/cjs/components/vspace.js

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var vspace_exports = {};
+__export(vspace_exports, {
+  VSpace: () => VSpace
+});
+module.exports = __toCommonJS(vspace_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function VSpace({ height }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { height: `${height}px` } });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  VSpace
+});

package/dist/cjs/components/with-filter-button.js

@@ -0,0 +1,84 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var with_filter_button_exports = {};
+__export(with_filter_button_exports, {
+  WithFilterButton: () => WithFilterButton
+});
+module.exports = __toCommonJS(with_filter_button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"));
+var import_utils = __toESM(require('../utils/index.js'));
+var import_button = require('./buttons/button.js');
+var import_filter_button = require('./buttons/filter-button.js');
+const WithFilterButton = React.forwardRef(
+  ({
+    children,
+    onClick,
+    buttonVariant = "outline",
+    buttonSize = "default",
+    buttonLabel = "Filter",
+    showIcon = true,
+    className,
+    buttonClassName,
+    onClearAll
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        ref,
+        className: (0, import_utils.default)(
+          "w-full flex items-center justify-between gap-4",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1", children }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+            onClearAll && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "ghost", size: "default", onClick: onClearAll, children: "Clear all" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_filter_button.FilterButton,
+              {
+                variant: buttonVariant,
+                size: buttonSize,
+                onClick,
+                className: buttonClassName,
+                label: buttonLabel,
+                showIcon
+              }
+            )
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+WithFilterButton.displayName = "WithFilterButton";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WithFilterButton
+});

package/dist/cjs/configs/design-tokens.js

@@ -0,0 +1,109 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var design_tokens_exports = {};
+__export(design_tokens_exports, {
+  designTokens: () => designTokens
+});
+module.exports = __toCommonJS(design_tokens_exports);
+const designTokens = {
+  colors: {
+    primary: "rgb(59, 130, 246)",
+    secondary: "rgb(100, 116, 139)",
+    destructive: "rgb(239, 68, 68)",
+    success: "rgb(34, 197, 94)",
+    warning: "rgb(251, 191, 36)"
+  },
+  spacing: {
+    xs: "0.5rem",
+    // 8px
+    sm: "0.75rem",
+    // 12px
+    md: "1rem",
+    // 16px
+    lg: "1.5rem",
+    // 24px
+    xl: "2rem"
+    // 32px
+  },
+  borderRadius: {
+    sm: "0.25rem",
+    md: "0.375rem",
+    lg: "0.5rem",
+    xl: "0.75rem",
+    full: "9999px"
+  },
+  typography: {
+    fontFamily: {
+      sans: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+      mono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'
+    },
+    fontSize: {
+      xs: "0.75rem",
+      // 12px
+      sm: "0.875rem",
+      // 14px
+      base: "1rem",
+      // 16px
+      lg: "1.125rem",
+      // 18px
+      xl: "1.25rem",
+      // 20px
+      "2xl": "1.5rem",
+      // 24px
+      "3xl": "1.875rem",
+      // 30px
+      "4xl": "2.25rem"
+      // 36px
+    },
+    fontWeight: {
+      normal: "400",
+      medium: "500",
+      semibold: "600",
+      bold: "700"
+    },
+    lineHeight: {
+      tight: "1.25",
+      normal: "1.5",
+      relaxed: "1.75"
+    }
+  },
+  animation: {
+    duration: {
+      fast: "150ms",
+      normal: "300ms",
+      slow: "500ms"
+    },
+    easing: {
+      easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
+      easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
+      easeIn: "cubic-bezier(0.4, 0, 1, 1)"
+    }
+  },
+  shadows: {
+    sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    base: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+    md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+    lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+    xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  designTokens
+});

package/dist/cjs/configs/index.js

@@ -0,0 +1,48 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var configs_exports = {};
+__export(configs_exports, {
+  preset: () => import_tailwind.preset,
+  tailwindConfig: () => import_tailwind.default,
+  tailwindPreset: () => import_tailwind_preset.default
+});
+module.exports = __toCommonJS(configs_exports);
+__reExport(configs_exports, require('./design-tokens.js'), module.exports);
+var import_tailwind = __toESM(require('./tailwind.config.js'));
+var import_tailwind_preset = __toESM(require('./tailwind-preset.js'));
+__reExport(configs_exports, require('./variants.js'), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  preset,
+  tailwindConfig,
+  tailwindPreset,
+  ...require('./design-tokens.js'),
+  ...require('./variants.js')
+});

package/dist/cjs/configs/tailwind-preset.js

@@ -0,0 +1,162 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var tailwind_preset_exports = {};
+__export(tailwind_preset_exports, {
+  default: () => tailwind_preset_default,
+  preset: () => preset
+});
+module.exports = __toCommonJS(tailwind_preset_exports);
+var import_tailwindcss_animate = __toESM(require("tailwindcss-animate"));
+const preset = {
+  darkMode: "class",
+  safelist: [
+    // Grid columns - dynamically generated in Grid component
+    { pattern: /^grid-cols-(1|2|3|4|5|6|7|8|9|10|11|12)$/ },
+    { pattern: /^(sm|md|lg|xl):grid-cols-(1|2|3|4|5|6|7|8|9|10|11|12)$/ },
+    // Column spans - dynamically generated in Col component
+    { pattern: /^col-span-(1|2|3|4|5|6|7|8|9|10|11|12|full|auto)$/ },
+    {
+      pattern: /^(sm|md|lg|xl):col-span-(1|2|3|4|5|6|7|8|9|10|11|12|full|auto)$/
+    },
+    // Column start positions - dynamically generated in Col component
+    { pattern: /^col-start-(1|2|3|4|5|6|7|8|9|10|11|12|13|auto)$/ },
+    // Order utilities - dynamically generated in Col component
+    { pattern: /^order-(1|2|3|4|5|6|7|8|9|10|11|12|first|last|none)$/ },
+    // Gap utilities - dynamically generated in Grid component
+    { pattern: /^gap-(0|1|2|3|4|5|6|7|8|9|10|12|16|20|24)$/ },
+    { pattern: /^gap-(x|y)-(0|1|2|3|4|5|6|7|8|9|10|12|16|20|24)$/ }
+  ],
+  theme: {
+    extend: {
+      colors: {
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))"
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))"
+        },
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))"
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))"
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))"
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))"
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))"
+        },
+        success: "hsl(var(--success))",
+        warning: "hsl(var(--warning))",
+        liquidation: "hsl(var(--liquidation))",
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        "text-secondary": "hsl(var(--text-secondary))",
+        "dropdown-dark-button": "hsl(var(--dropdown-dark-button))",
+        white: "hsl(var(--white))",
+        black: "hsl(var(--black))",
+        gray: {
+          10: "hsl(var(--gray-10))",
+          20: "hsl(var(--gray-20))",
+          30: "hsl(var(--gray-30))",
+          40: "hsl(var(--gray-40))",
+          50: "hsl(var(--gray-50))",
+          60: "hsl(var(--gray-60))",
+          70: "hsl(var(--gray-70))",
+          80: "hsl(var(--gray-80))",
+          90: "hsl(var(--gray-90))",
+          100: "hsl(var(--gray-100))",
+          110: "hsl(var(--gray-110))"
+        },
+        chart: {
+          "1": "hsl(var(--chart-1))",
+          "2": "hsl(var(--chart-2))",
+          "3": "hsl(var(--chart-3))",
+          "4": "hsl(var(--chart-4))",
+          "5": "hsl(var(--chart-5))"
+        }
+      },
+      fontFamily: {
+        sans: [
+          "Rubik",
+          "-apple-system",
+          "BlinkMacSystemFont",
+          "Segoe UI",
+          "Roboto",
+          "Oxygen",
+          "Ubuntu",
+          "Cantarell",
+          "Fira Sans",
+          "Droid Sans",
+          "Helvetica Neue",
+          "sans-serif"
+        ]
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)"
+      },
+      keyframes: {
+        "accordion-down": {
+          from: { height: "0" },
+          to: { height: "var(--radix-accordion-content-height)" }
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: "0" }
+        }
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out"
+      }
+    }
+  },
+  plugins: [import_tailwindcss_animate.default]
+};
+var tailwind_preset_default = preset;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  preset
+});

package/dist/cjs/configs/tailwind.config.js

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,82 +15,37 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var tailwind_config_exports = {};
 __export(tailwind_config_exports, {
-  default: () => tailwind_config_default
+  default: () => tailwind_config_default,
+  preset: () => import_tailwind_preset.preset
 });
 module.exports = __toCommonJS(tailwind_config_exports);
-var import_tailwindcss_animate = __toESM(require("tailwindcss-animate"));
+var import_tailwind_preset = require('./tailwind-preset.js');
 const tailwindConfig = {
-  darkMode: ["class"],
-  content: [
-    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
-    "./components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./app/**/*.{js,ts,jsx,tsx,mdx}"
-  ],
+  ...import_tailwind_preset.preset,
+  content: {
+    files: [
+      "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+      "./components/**/*.{js,ts,jsx,tsx,mdx}",
+      "./app/**/*.{js,ts,jsx,tsx,mdx}",
+      "./src/**/*.{js,ts,jsx,tsx,mdx}"
+    ]
+  },
   theme: {
+    ...import_tailwind_preset.preset.theme,
     extend: {
-      colors: {
-        background: "hsl(var(--background))",
-        foreground: "hsl(var(--foreground))",
-        card: {
-          DEFAULT: "hsl(var(--card))",
-          foreground: "hsl(var(--card-foreground))"
-        },
-        popover: {
-          DEFAULT: "hsl(var(--popover))",
-          foreground: "hsl(var(--popover-foreground))"
-        },
-        primary: {
-          DEFAULT: "hsl(var(--primary))",
-          foreground: "hsl(var(--primary-foreground))"
-        },
-        secondary: {
-          DEFAULT: "hsl(var(--secondary))",
-          foreground: "hsl(var(--secondary-foreground))"
-        },
-        muted: {
-          DEFAULT: "hsl(var(--muted))",
-          foreground: "hsl(var(--muted-foreground))"
-        },
-        accent: {
-          DEFAULT: "hsl(var(--accent))",
-          foreground: "hsl(var(--accent-foreground))"
-        },
-        destructive: {
-          DEFAULT: "hsl(var(--destructive))",
-          foreground: "hsl(var(--destructive-foreground))"
-        },
-        border: "hsl(var(--border))",
-        input: "hsl(var(--input))",
-        ring: "hsl(var(--ring))",
-        chart: {
-          "1": "hsl(var(--chart-1))",
-          "2": "hsl(var(--chart-2))",
-          "3": "hsl(var(--chart-3))",
-          "4": "hsl(var(--chart-4))",
-          "5": "hsl(var(--chart-5))"
-        }
-      },
-      borderRadius: {
-        lg: "var(--radius)",
-        md: "calc(var(--radius) - 2px)",
-        sm: "calc(var(--radius) - 4px)"
-      },
+      ...import_tailwind_preset.preset.theme?.extend,
       fontFamily: {
+        ...import_tailwind_preset.preset.theme?.extend?.fontFamily,
         mono: ["var(--font-geist-mono)", "monospace"]
       }
     }
-  },
-  plugins: [import_tailwindcss_animate.default]
+  }
 };
 var tailwind_config_default = tailwindConfig;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  preset
+});

package/dist/cjs/configs/variants.js

@@ -0,0 +1,58 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var variants_exports = {};
+__export(variants_exports, {
+  interactiveVariants: () => interactiveVariants,
+  paddingVariants: () => paddingVariants,
+  sizeVariants: () => sizeVariants,
+  stateVariants: () => stateVariants
+});
+module.exports = __toCommonJS(variants_exports);
+const sizeVariants = {
+  xs: "text-xs",
+  sm: "text-sm",
+  default: "text-sm",
+  lg: "text-base",
+  xl: "text-lg"
+};
+const stateVariants = {
+  default: "",
+  error: "border-red-500 text-red-500 focus-visible:ring-red-500",
+  success: "border-green-500 text-green-500 focus-visible:ring-green-500",
+  warning: "border-yellow-500 text-yellow-500 focus-visible:ring-yellow-500"
+};
+const paddingVariants = {
+  none: "p-0",
+  xs: "p-2",
+  sm: "p-4",
+  default: "p-6",
+  lg: "p-8",
+  xl: "p-10"
+};
+const interactiveVariants = {
+  default: "transition-colors duration-200",
+  disabled: "opacity-50 cursor-not-allowed pointer-events-none"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  interactiveVariants,
+  paddingVariants,
+  sizeVariants,
+  stateVariants
+});

package/dist/cjs/hooks/index.js

@@ -0,0 +1,34 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var hooks_exports = {};
+module.exports = __toCommonJS(hooks_exports);
+__reExport(hooks_exports, require('./use-controllable-state.js'), module.exports);
+__reExport(hooks_exports, require('./use-debounce.js'), module.exports);
+__reExport(hooks_exports, require('./use-filter.js'), module.exports);
+__reExport(hooks_exports, require('./use-hf.js'), module.exports);
+__reExport(hooks_exports, require('./use-liquidation/index.js'), module.exports);
+__reExport(hooks_exports, require('./use-media-query.js'), module.exports);
+__reExport(hooks_exports, require('./use-previous.js'), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require('./use-controllable-state.js'),
+  ...require('./use-debounce.js'),
+  ...require('./use-filter.js'),
+  ...require('./use-hf.js'),
+  ...require('./use-liquidation/index.js'),
+  ...require('./use-media-query.js'),
+  ...require('./use-previous.js')
+});