@forgedevstack/bear 1.2.4 → 1.2.6

package/dist/components/Progress/Progress.js

@@ -1,75 +1,85 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { cn as b } from "../../utils/cn.js";
+import { jsxs as a, jsx as n } from "react/jsx-runtime";
+import { PROGRESS_DEFAULT_LABEL as E, PROGRESS_ROOT_CLASS as r, PROGRESS_BUFFER_CLASSES as L, PROGRESS_COLOR_CLASSES as O, PROGRESS_SIZE_CLASSES as P, PROGRESS_TRACK_CLASSES as y } from "./Progress.const.js";
+import { cn as s } from "../../utils/cn.js";
 import "react";
-const f = {
-  sm: "bear-h-1.5",
-  md: "bear-h-2.5",
-  lg: "bear-h-4"
-}, h = {
-  default: "bear-bg-bear-500",
-  success: "bear-bg-green-500",
-  warning: "bear-bg-amber-500",
-  danger: "bear-bg-red-500",
-  info: "bear-bg-blue-500"
-}, y = ({
-  value: n,
-  max: l = 100,
-  size: d = "md",
-  color: m = "default",
-  showLabel: i = !1,
-  labelPosition: o = "outside",
-  striped: r = !1,
-  animated: g = !1,
-  indeterminate: e = !1,
-  className: c,
-  testId: u
-}) => {
-  const s = Math.min(100, Math.max(0, n / l * 100));
-  return /* @__PURE__ */ a("div", { className: b("bear-w-full", c), "data-testid": u, children: [
-    i && o === "outside" && /* @__PURE__ */ a("div", { className: "bear-flex bear-justify-between bear-mb-1", children: [
-      /* @__PURE__ */ t("span", { className: "bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200", children: "Progress" }),
-      /* @__PURE__ */ a("span", { className: "bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200", children: [
-        Math.round(s),
-        "%"
-      ] })
-    ] }),
-    /* @__PURE__ */ t(
-      "div",
-      {
-        className: b(
-          "bear-w-full bear-bg-gray-200 dark:bear-bg-gray-700 bear-rounded-full bear-overflow-hidden",
-          f[d]
-        ),
-        children: /* @__PURE__ */ t(
-          "div",
-          {
-            className: b(
-              "bear-h-full bear-rounded-full bear-transition-all bear-duration-300 bear-ease-out",
-              "bear-flex bear-items-center bear-justify-center",
-              h[m],
-              r && "bear-bg-stripes",
-              g && "bear-animate-stripes",
-              e && "bear-animate-indeterminate"
-            ),
-            style: {
-              width: e ? "50%" : `${s}%`,
-              backgroundSize: r ? "1rem 1rem" : void 0,
-              backgroundImage: r ? "linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)" : void 0
-            },
-            role: "progressbar",
-            "aria-valuenow": e ? void 0 : n,
-            "aria-valuemin": 0,
-            "aria-valuemax": l,
-            children: i && o === "inside" && d === "lg" && !e && /* @__PURE__ */ a("span", { className: "bear-text-xs bear-font-medium bear-text-white", children: [
-              Math.round(s),
-              "%"
-            ] })
-          }
-        )
-      }
-    )
-  ] });
+import { resolveBearId as N } from "../../utils/generateBearId.utils.js";
+import { useBearId as w } from "../../utils/useBearId.js";
+const k = (S) => {
+  const {
+    id: g,
+    value: d,
+    max: i = 100,
+    bufferValue: b,
+    size: o = "md",
+    color: _ = "default",
+    showLabel: m = !1,
+    label: u = E,
+    labelPosition: c = "outside",
+    striped: l = !1,
+    animated: h = !1,
+    indeterminate: e = !1,
+    className: p,
+    testId: x
+  } = S, R = w("Progress"), v = N(g, R), t = Math.min(100, Math.max(0, d / i * 100)), f = b == null ? null : Math.min(100, Math.max(t, Math.max(0, b / i * 100)));
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      id: v,
+      className: s(r, "bear-w-full", p),
+      "data-testid": x,
+      children: [
+        m && c === "outside" && /* @__PURE__ */ a("div", { className: `${r}__label-row bear-flex bear-justify-between bear-mb-1`, children: [
+          /* @__PURE__ */ n("span", { className: "bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200", children: u }),
+          /* @__PURE__ */ a("span", { className: "bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200", children: [
+            Math.round(t),
+            "%"
+          ] })
+        ] }),
+        /* @__PURE__ */ a("div", { className: s(`${r}__track`, y, P[o]), children: [
+          f != null && !e && /* @__PURE__ */ n(
+            "div",
+            {
+              className: s(
+                `${r}__buffer`,
+                "bear-absolute bear-inset-y-0 bear-left-0 bear-rounded-full",
+                L
+              ),
+              style: { width: `${f}%` }
+            }
+          ),
+          /* @__PURE__ */ n(
+            "div",
+            {
+              className: s(
+                `${r}__bar`,
+                "bear-relative bear-h-full bear-rounded-full bear-transition-all bear-duration-300 bear-ease-out",
+                "bear-flex bear-items-center bear-justify-center",
+                O[_],
+                l && "bear-bg-stripes",
+                h && "bear-animate-stripes",
+                e && "bear-animate-indeterminate"
+              ),
+              style: {
+                width: e ? "50%" : `${t}%`,
+                backgroundSize: l ? "1rem 1rem" : void 0,
+                backgroundImage: l ? "linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)" : void 0
+              },
+              role: "progressbar",
+              "aria-valuenow": e ? void 0 : d,
+              "aria-valuemin": 0,
+              "aria-valuemax": i,
+              "aria-label": u,
+              children: m && c === "inside" && o === "lg" && !e && /* @__PURE__ */ a("span", { className: "bear-text-xs bear-font-medium bear-text-white", children: [
+                Math.round(t),
+                "%"
+              ] })
+            }
+          )
+        ] })
+      ]
+    }
+  );
 };
 export {
-  y as Progress
+  k as Progress
 };

package/dist/components/Progress/Progress.types.d.ts

@@ -1,25 +1,16 @@
 export interface ProgressProps {
     id?: string;
-    /** Progress value (0-100) */
     value: number;
-    /** Maximum value */
     max?: number;
-    /** Size variant */
+    bufferValue?: number;
     size?: 'sm' | 'md' | 'lg';
-    /** Color variant */
     color?: 'default' | 'success' | 'warning' | 'danger' | 'info';
-    /** Show percentage label */
     showLabel?: boolean;
-    /** Label position */
+    label?: string;
     labelPosition?: 'inside' | 'outside';
-    /** Striped animation */
     striped?: boolean;
-    /** Animated stripes */
     animated?: boolean;
-    /** Indeterminate loading state */
     indeterminate?: boolean;
-    /** Custom class name */
     className?: string;
-    /** Test ID */
     testId?: string;
 }

package/dist/components/PropsPlayground/PropsPlayground.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),n=require("../../utils/cn.cjs"),j=require("../Icon/Icon.cjs"),l=require("./PropsPlayground.const.cjs"),$=require("./PropsPlayground.utils.cjs"),q=({size:b})=>e.jsx(j.Icon,{size:b,children:e.jsx("polyline",{points:"6 9 12 15 18 9"})}),I=({size:b})=>e.jsx(j.Icon,{size:b,children:e.jsx("polyline",{points:"9 18 15 12 9 6"})}),O=({size:b})=>e.jsxs(j.Icon,{size:b,children:[e.jsx("line",{x1:"4",y1:"21",x2:"4",y2:"14"}),e.jsx("line",{x1:"4",y1:"10",x2:"4",y2:"3"}),e.jsx("line",{x1:"12",y1:"21",x2:"12",y2:"12"}),e.jsx("line",{x1:"12",y1:"8",x2:"12",y2:"3"}),e.jsx("line",{x1:"20",y1:"21",x2:"20",y2:"16"}),e.jsx("line",{x1:"20",y1:"12",x2:"20",y2:"3"}),e.jsx("line",{x1:"1",y1:"14",x2:"7",y2:"14"}),e.jsx("line",{x1:"9",y1:"8",x2:"15",y2:"8"}),e.jsx("line",{x1:"17",y1:"16",x2:"23",y2:"16"})]}),R=({config:b,render:v,title:z="Props",size:S="md",defaultCollapsed:C=!1,showReset:w=!0,columns:P=3,className:L,testId:E})=>{const u=c.useMemo(()=>$.getDefaults(b),[b]),[g,f]=c.useState(u),[m,A]=c.useState(C),o=c.useCallback((r,s)=>{f(i=>({...i,[r]:s}))},[]),_=c.useCallback(()=>{f(u)},[u]),t=l.SIZE_CLASSES[S],N=Object.keys(b).length,p=n.cn("bear-w-full bear-rounded-md bear-border bear-border-zinc-700","bear-bg-zinc-800 bear-text-zinc-100","placeholder:bear-text-zinc-500","focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-primary-500/30 focus:bear-border-primary-500","bear-transition-colors",t.input);return e.jsxs("div",{"data-testid":E,className:n.cn(l.ROOT_CLASS,"bear-rounded-lg bear-border bear-border-zinc-700 bear-overflow-hidden",L),children:[e.jsxs("button",{type:"button",onClick:()=>A(r=>!r),className:n.cn("bear-w-full bear-flex bear-items-center bear-gap-2 bear-text-left bear-font-medium bear-transition-colors","bear-bg-zinc-800/60 hover:bear-bg-zinc-800","bear-text-zinc-200 bear-border-b bear-border-zinc-700","bear-px-4 bear-py-3",t.text),children:[e.jsx("span",{className:"bear-text-primary-500",children:m?e.jsx(I,{size:12}):e.jsx(q,{size:12})}),e.jsx("span",{className:"bear-text-primary-500",children:e.jsx(O,{size:14})}),e.jsx("span",{className:"bear-font-semibold",children:z}),e.jsxs("span",{className:"bear-ml-auto bear-flex bear-items-center bear-gap-2",children:[e.jsxs("span",{className:"bear-text-[10px] bear-font-medium bear-text-zinc-500",children:[N," ",N===1?"control":"controls"]}),w&&!m&&e.jsx("button",{type:"button",onClick:r=>{r.stopPropagation(),_()},className:"bear-text-[10px] bear-font-semibold bear-text-primary-500 hover:bear-text-primary-400 hover:bear-underline",children:"Reset"})]})]}),!m&&e.jsx("div",{className:n.cn("bear-bg-zinc-900/50",t.padding),children:e.jsx("div",{className:n.cn("bear-grid",t.gap,l.COLUMN_CLASSES[P]),children:Object.entries(b).map(([r,s])=>{const i=g[r],d=r.replace(/([A-Z])/g," $1").replace(/^./,a=>a.toUpperCase()).trim();if(s.type==="boolean"){const a=i===!0;return e.jsxs("div",{className:"bear-rounded-lg bear-border bear-border-zinc-700/60 bear-bg-zinc-800/30 bear-p-3",children:[e.jsx("span",{className:n.cn("bear-block bear-font-semibold bear-uppercase bear-tracking-wider bear-text-primary-500 bear-mb-2",t.label),children:l.TYPE_LABELS.boolean}),e.jsxs("label",{className:"bear-flex bear-items-center bear-gap-2.5 bear-cursor-pointer",children:[e.jsx("button",{type:"button",role:"switch","aria-checked":a,onClick:()=>o(r,!a),className:n.cn("bear-relative bear-inline-flex bear-h-5 bear-w-9 bear-flex-shrink-0 bear-rounded-full bear-border-2 bear-border-transparent bear-transition-colors",a?"bear-bg-primary-500":"bear-bg-zinc-600"),children:e.jsx("span",{className:n.cn("bear-pointer-events-none bear-inline-block bear-h-4 bear-w-4 bear-transform bear-rounded-full bear-bg-white bear-shadow bear-transition",a?"bear-translate-x-4":"bear-translate-x-0")})}),e.jsx("span",{className:n.cn("bear-font-medium bear-text-zinc-200 bear-truncate",t.text),children:d})]})]},r)}if(s.type==="select"&&s.options)return e.jsxs("div",{className:"bear-rounded-lg bear-border bear-border-zinc-700/60 bear-bg-zinc-800/30 bear-p-3",children:[e.jsxs("div",{className:"bear-flex bear-items-center bear-justify-between bear-mb-1.5",children:[e.jsx("label",{htmlFor:`pp-${r}`,className:n.cn("bear-font-medium bear-text-zinc-300 bear-truncate",t.label),children:d}),e.jsx("span",{className:n.cn("bear-font-semibold bear-uppercase bear-tracking-wider bear-text-primary-500",t.label),children:l.TYPE_LABELS.select})]}),e.jsx("select",{id:`pp-${r}`,value:String(i),onChange:a=>{const x=s.options.find(h=>String(h.value)===a.target.value);o(r,x?x.value:a.target.value)},className:n.cn(p,"bear-cursor-pointer bear-appearance-none"),children:s.options.map(a=>e.jsx("option",{value:String(a.value),children:a.label},String(a.value)))})]},r);if(s.type==="number"){const a=Number(i),x=Number.isNaN(a)?s.default:a;return e.jsxs("div",{className:"bear-rounded-lg bear-border bear-border-zinc-700/60 bear-bg-zinc-800/30 bear-p-3",children:[e.jsxs("div",{className:"bear-flex bear-items-center bear-justify-between bear-mb-1.5",children:[e.jsx("label",{htmlFor:`pp-${r}`,className:n.cn("bear-font-medium bear-text-zinc-300 bear-truncate",t.label),children:d}),e.jsx("span",{className:n.cn("bear-font-semibold bear-uppercase bear-tracking-wider bear-text-primary-500",t.label),children:l.TYPE_LABELS.number})]}),e.jsx("input",{id:`pp-${r}`,type:"number",value:x,min:s.min,max:s.max,step:s.step,onChange:h=>{const y=h.target.valueAsNumber;o(r,Number.isNaN(y)?s.default:y)},className:p})]},r)}return e.jsxs("div",{className:"bear-rounded-lg bear-border bear-border-zinc-700/60 bear-bg-zinc-800/30 bear-p-3",children:[e.jsxs("div",{className:"bear-flex bear-items-center bear-justify-between bear-mb-1.5",children:[e.jsx("label",{htmlFor:`pp-${r}`,className:n.cn("bear-font-medium bear-text-zinc-300 bear-truncate",t.label),children:d}),e.jsx("span",{className:n.cn("bear-font-semibold bear-uppercase bear-tracking-wider bear-text-primary-500",t.label),children:l.TYPE_LABELS.string})]}),e.jsx("input",{id:`pp-${r}`,type:"text",value:String(i??""),onChange:a=>o(r,a.target.value),placeholder:s.placeholder,className:p})]},r)})})}),e.jsx("div",{className:"bear-border-t bear-border-zinc-700 bear-p-6 bear-bg-zinc-900 bear-flex bear-items-center bear-justify-center bear-min-h-[180px]",children:e.jsx("div",{className:"bear-w-full",children:v(g)})})]})};exports.PropsPlayground=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),n=require("../../utils/cn.cjs"),j=require("../Icon/Icon.cjs"),l=require("./PropsPlayground.const.cjs"),$=require("./PropsPlayground.utils.cjs"),q=({size:b})=>e.jsx(j.Icon,{size:b,children:e.jsx("polyline",{points:"6 9 12 15 18 9"})}),I=({size:b})=>e.jsx(j.Icon,{size:b,children:e.jsx("polyline",{points:"9 18 15 12 9 6"})}),O=({size:b})=>e.jsxs(j.Icon,{size:b,children:[e.jsx("line",{x1:"4",y1:"21",x2:"4",y2:"14"}),e.jsx("line",{x1:"4",y1:"10",x2:"4",y2:"3"}),e.jsx("line",{x1:"12",y1:"21",x2:"12",y2:"12"}),e.jsx("line",{x1:"12",y1:"8",x2:"12",y2:"3"}),e.jsx("line",{x1:"20",y1:"21",x2:"20",y2:"16"}),e.jsx("line",{x1:"20",y1:"12",x2:"20",y2:"3"}),e.jsx("line",{x1:"1",y1:"14",x2:"7",y2:"14"}),e.jsx("line",{x1:"9",y1:"8",x2:"15",y2:"8"}),e.jsx("line",{x1:"17",y1:"16",x2:"23",y2:"16"})]}),R=({config:b,render:v,title:z="Props",size:S="md",defaultCollapsed:C=!1,showReset:w=!0,columns:P=3,className:L,testId:E})=>{const u=c.useMemo(()=>$.getDefaults(b),[b]),[g,f]=c.useState(u),[m,A]=c.useState(C),o=c.useCallback((r,s)=>{f(i=>({...i,[r]:s}))},[]),_=c.useCallback(()=>{f(u)},[u]),t=l.SIZE_CLASSES[S],N=Object.keys(b).length,p=n.cn("bear-w-full bear-rounded-md bear-border bear-border-zinc-700","bear-bg-zinc-800 bear-text-zinc-100","placeholder:bear-text-zinc-500","focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-primary-500/30 focus:bear-border-primary-500","bear-transition-colors",t.input);return e.jsxs("div",{"data-testid":E,className:n.cn(l.ROOT_CLASS,"bear-rounded-lg bear-border bear-border-zinc-700 bear-overflow-hidden",L),children:[e.jsxs("button",{type:"button",onClick:()=>A(r=>!r),className:n.cn("bear-w-full bear-flex bear-items-center bear-gap-2 bear-text-left bear-font-medium bear-transition-colors","bear-bg-zinc-800/60 hover:bear-bg-zinc-800","bear-text-zinc-200 bear-border-b bear-border-zinc-700","bear-px-4 bear-py-3",t.text),children:[e.jsx("span",{className:"bear-text-primary-500",children:m?e.jsx(I,{size:12}):e.jsx(q,{size:12})}),e.jsx("span",{className:"bear-text-primary-500",children:e.jsx(O,{size:14})}),e.jsx("span",{className:"bear-font-semibold",children:z}),e.jsxs("span",{className:"bear-ml-auto bear-flex bear-items-center bear-gap-2",children:[e.jsxs("span",{className:"bear-text-[10px] bear-font-medium bear-text-zinc-500",children:[N," ",N===1?"control":"controls"]}),w&&!m&&e.jsx("button",{type:"button",onClick:r=>{r.stopPropagation(),_()},className:"bear-text-[10px] bear-font-semibold bear-text-primary-500 hover:bear-text-primary-400 hover:bear-underline",children:"Reset"})]})]}),!m&&e.jsx("div",{className:n.cn("bear-bg-gray-50 dark:bear-bg-zinc-900/50",t.padding),children:e.jsx("div",{className:n.cn("bear-grid",t.gap,l.COLUMN_CLASSES[P]),children:Object.entries(b).map(([r,s])=>{const i=g[r],d=r.replace(/([A-Z])/g," $1").replace(/^./,a=>a.toUpperCase()).trim();if(s.type==="boolean"){const a=i===!0;return e.jsxs("div",{className:"bear-rounded-lg bear-border bear-border-zinc-700/60 bear-bg-zinc-800/30 bear-p-3",children:[e.jsx("span",{className:n.cn("bear-block bear-font-semibold bear-uppercase bear-tracking-wider bear-text-primary-500 bear-mb-2",t.label),children:l.TYPE_LABELS.boolean}),e.jsxs("label",{className:"bear-flex bear-items-center bear-gap-2.5 bear-cursor-pointer",children:[e.jsx("button",{type:"button",role:"switch","aria-checked":a,onClick:()=>o(r,!a),className:n.cn("bear-relative bear-inline-flex bear-h-5 bear-w-9 bear-flex-shrink-0 bear-rounded-full bear-border-2 bear-border-transparent bear-transition-colors",a?"bear-bg-primary-500":"bear-bg-zinc-600"),children:e.jsx("span",{className:n.cn("bear-pointer-events-none bear-inline-block bear-h-4 bear-w-4 bear-transform bear-rounded-full bear-bg-white bear-shadow bear-transition",a?"bear-translate-x-4":"bear-translate-x-0")})}),e.jsx("span",{className:n.cn("bear-font-medium bear-text-zinc-200 bear-truncate",t.text),children:d})]})]},r)}if(s.type==="select"&&s.options)return e.jsxs("div",{className:"bear-rounded-lg bear-border bear-border-zinc-700/60 bear-bg-zinc-800/30 bear-p-3",children:[e.jsxs("div",{className:"bear-flex bear-items-center bear-justify-between bear-mb-1.5",children:[e.jsx("label",{htmlFor:`pp-${r}`,className:n.cn("bear-font-medium bear-text-zinc-300 bear-truncate",t.label),children:d}),e.jsx("span",{className:n.cn("bear-font-semibold bear-uppercase bear-tracking-wider bear-text-primary-500",t.label),children:l.TYPE_LABELS.select})]}),e.jsx("select",{id:`pp-${r}`,value:String(i),onChange:a=>{const x=s.options.find(h=>String(h.value)===a.target.value);o(r,x?x.value:a.target.value)},className:n.cn(p,"bear-cursor-pointer bear-appearance-none"),children:s.options.map(a=>e.jsx("option",{value:String(a.value),children:a.label},String(a.value)))})]},r);if(s.type==="number"){const a=Number(i),x=Number.isNaN(a)?s.default:a;return e.jsxs("div",{className:"bear-rounded-lg bear-border bear-border-zinc-700/60 bear-bg-zinc-800/30 bear-p-3",children:[e.jsxs("div",{className:"bear-flex bear-items-center bear-justify-between bear-mb-1.5",children:[e.jsx("label",{htmlFor:`pp-${r}`,className:n.cn("bear-font-medium bear-text-zinc-300 bear-truncate",t.label),children:d}),e.jsx("span",{className:n.cn("bear-font-semibold bear-uppercase bear-tracking-wider bear-text-primary-500",t.label),children:l.TYPE_LABELS.number})]}),e.jsx("input",{id:`pp-${r}`,type:"number",value:x,min:s.min,max:s.max,step:s.step,onChange:h=>{const y=h.target.valueAsNumber;o(r,Number.isNaN(y)?s.default:y)},className:p})]},r)}return e.jsxs("div",{className:"bear-rounded-lg bear-border bear-border-zinc-700/60 bear-bg-zinc-800/30 bear-p-3",children:[e.jsxs("div",{className:"bear-flex bear-items-center bear-justify-between bear-mb-1.5",children:[e.jsx("label",{htmlFor:`pp-${r}`,className:n.cn("bear-font-medium bear-text-zinc-300 bear-truncate",t.label),children:d}),e.jsx("span",{className:n.cn("bear-font-semibold bear-uppercase bear-tracking-wider bear-text-primary-500",t.label),children:l.TYPE_LABELS.string})]}),e.jsx("input",{id:`pp-${r}`,type:"text",value:String(i??""),onChange:a=>o(r,a.target.value),placeholder:s.placeholder,className:p})]},r)})})}),e.jsx("div",{className:"bear-border-t bear-border-gray-200 dark:bear-border-zinc-700 bear-p-6 bear-bg-white dark:bear-bg-zinc-900 bear-flex bear-items-center bear-justify-center bear-min-h-[180px]",children:e.jsx("div",{className:"bear-w-full",children:v(g)})})]})};exports.PropsPlayground=R;

package/dist/components/PropsPlayground/PropsPlayground.js

@@ -1,10 +1,10 @@
-import { jsxs as b, jsx as e } from "react/jsx-runtime";
-import { useMemo as _, useState as z, useCallback as C } from "react";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { useMemo as _, useState as z, useCallback as w } from "react";
 import { cn as n } from "../../utils/cn.js";
-import { Icon as f } from "../Icon/Icon.js";
+import { Icon as g } from "../Icon/Icon.js";
 import { SIZE_CLASSES as F, TYPE_LABELS as m, COLUMN_CLASSES as I, ROOT_CLASS as V } from "./PropsPlayground.const.js";
-import { getDefaults as D } from "./PropsPlayground.utils.js";
-const M = ({ size: i }) => /* @__PURE__ */ e(f, { size: i, children: /* @__PURE__ */ e("polyline", { points: "6 9 12 15 18 9" }) }), T = ({ size: i }) => /* @__PURE__ */ e(f, { size: i, children: /* @__PURE__ */ e("polyline", { points: "9 18 15 12 9 6" }) }), U = ({ size: i }) => /* @__PURE__ */ b(f, { size: i, children: [
+import { getDefaults as k } from "./PropsPlayground.utils.js";
+const D = ({ size: i }) => /* @__PURE__ */ e(g, { size: i, children: /* @__PURE__ */ e("polyline", { points: "6 9 12 15 18 9" }) }), M = ({ size: i }) => /* @__PURE__ */ e(g, { size: i, children: /* @__PURE__ */ e("polyline", { points: "9 18 15 12 9 6" }) }), T = ({ size: i }) => /* @__PURE__ */ t(g, { size: i, children: [
   /* @__PURE__ */ e("line", { x1: "4", y1: "21", x2: "4", y2: "14" }),
   /* @__PURE__ */ e("line", { x1: "4", y1: "10", x2: "4", y2: "3" }),
   /* @__PURE__ */ e("line", { x1: "12", y1: "21", x2: "12", y2: "12" }),
@@ -14,9 +14,9 @@ const M = ({ size: i }) => /* @__PURE__ */ e(f, { size: i, children: /* @__PURE_
   /* @__PURE__ */ e("line", { x1: "1", y1: "14", x2: "7", y2: "14" }),
   /* @__PURE__ */ e("line", { x1: "9", y1: "8", x2: "15", y2: "8" }),
   /* @__PURE__ */ e("line", { x1: "17", y1: "16", x2: "23", y2: "16" })
-] }), J = ({
+] }), H = ({
   config: i,
-  render: w,
+  render: C,
   title: S = "Props",
   size: j = "md",
   defaultCollapsed: $ = !1,
@@ -25,12 +25,12 @@ const M = ({ size: i }) => /* @__PURE__ */ e(f, { size: i, children: /* @__PURE_
   className: E,
   testId: O
 }) => {
-  const p = _(() => D(i), [i]), [g, N] = z(p), [u, P] = z($), o = C(
-    (r, t) => {
-      N((s) => ({ ...s, [r]: t }));
+  const p = _(() => k(i), [i]), [f, N] = z(p), [u, P] = z($), o = w(
+    (r, b) => {
+      N((s) => ({ ...s, [r]: b }));
     },
     []
-  ), R = C(() => {
+  ), R = w(() => {
     N(p);
   }, [p]), l = F[j], v = Object.keys(i).length, h = n(
     "bear-w-full bear-rounded-md bear-border bear-border-zinc-700",
@@ -40,7 +40,7 @@ const M = ({ size: i }) => /* @__PURE__ */ e(f, { size: i, children: /* @__PURE_
     "bear-transition-colors",
     l.input
   );
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ t(
     "div",
     {
       "data-testid": O,
@@ -50,7 +50,7 @@ const M = ({ size: i }) => /* @__PURE__ */ e(f, { size: i, children: /* @__PURE_
         E
       ),
       children: [
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ t(
           "button",
           {
             type: "button",
@@ -63,11 +63,11 @@ const M = ({ size: i }) => /* @__PURE__ */ e(f, { size: i, children: /* @__PURE_
               l.text
             ),
             children: [
-              /* @__PURE__ */ e("span", { className: "bear-text-primary-500", children: u ? /* @__PURE__ */ e(T, { size: 12 }) : /* @__PURE__ */ e(M, { size: 12 }) }),
-              /* @__PURE__ */ e("span", { className: "bear-text-primary-500", children: /* @__PURE__ */ e(U, { size: 14 }) }),
+              /* @__PURE__ */ e("span", { className: "bear-text-primary-500", children: u ? /* @__PURE__ */ e(M, { size: 12 }) : /* @__PURE__ */ e(D, { size: 12 }) }),
+              /* @__PURE__ */ e("span", { className: "bear-text-primary-500", children: /* @__PURE__ */ e(T, { size: 14 }) }),
               /* @__PURE__ */ e("span", { className: "bear-font-semibold", children: S }),
-              /* @__PURE__ */ b("span", { className: "bear-ml-auto bear-flex bear-items-center bear-gap-2", children: [
-                /* @__PURE__ */ b("span", { className: "bear-text-[10px] bear-font-medium bear-text-zinc-500", children: [
+              /* @__PURE__ */ t("span", { className: "bear-ml-auto bear-flex bear-items-center bear-gap-2", children: [
+                /* @__PURE__ */ t("span", { className: "bear-text-[10px] bear-font-medium bear-text-zinc-500", children: [
                   v,
                   " ",
                   v === 1 ? "control" : "controls"
@@ -87,17 +87,17 @@ const M = ({ size: i }) => /* @__PURE__ */ e(f, { size: i, children: /* @__PURE_
             ]
           }
         ),
-        !u && /* @__PURE__ */ e("div", { className: n("bear-bg-zinc-900/50", l.padding), children: /* @__PURE__ */ e("div", { className: n("bear-grid", l.gap, I[L]), children: Object.entries(i).map(([r, t]) => {
-          const s = g[r], c = r.replace(/([A-Z])/g, " $1").replace(/^./, (a) => a.toUpperCase()).trim();
-          if (t.type === "boolean") {
+        !u && /* @__PURE__ */ e("div", { className: n("bear-bg-gray-50 dark:bear-bg-zinc-900/50", l.padding), children: /* @__PURE__ */ e("div", { className: n("bear-grid", l.gap, I[L]), children: Object.entries(i).map(([r, b]) => {
+          const s = f[r], c = r.replace(/([A-Z])/g, " $1").replace(/^./, (a) => a.toUpperCase()).trim();
+          if (b.type === "boolean") {
             const a = s === !0;
-            return /* @__PURE__ */ b(
+            return /* @__PURE__ */ t(
               "div",
               {
                 className: "bear-rounded-lg bear-border bear-border-zinc-700/60 bear-bg-zinc-800/30 bear-p-3",
                 children: [
                   /* @__PURE__ */ e("span", { className: n("bear-block bear-font-semibold bear-uppercase bear-tracking-wider bear-text-primary-500 bear-mb-2", l.label), children: m.boolean }),
-                  /* @__PURE__ */ b("label", { className: "bear-flex bear-items-center bear-gap-2.5 bear-cursor-pointer", children: [
+                  /* @__PURE__ */ t("label", { className: "bear-flex bear-items-center bear-gap-2.5 bear-cursor-pointer", children: [
                     /* @__PURE__ */ e(
                       "button",
                       {
@@ -127,13 +127,13 @@ const M = ({ size: i }) => /* @__PURE__ */ e(f, { size: i, children: /* @__PURE_
               r
             );
           }
-          if (t.type === "select" && t.options)
-            return /* @__PURE__ */ b(
+          if (b.type === "select" && b.options)
+            return /* @__PURE__ */ t(
               "div",
               {
                 className: "bear-rounded-lg bear-border bear-border-zinc-700/60 bear-bg-zinc-800/30 bear-p-3",
                 children: [
-                  /* @__PURE__ */ b("div", { className: "bear-flex bear-items-center bear-justify-between bear-mb-1.5", children: [
+                  /* @__PURE__ */ t("div", { className: "bear-flex bear-items-center bear-justify-between bear-mb-1.5", children: [
                     /* @__PURE__ */ e("label", { htmlFor: `pp-${r}`, className: n("bear-font-medium bear-text-zinc-300 bear-truncate", l.label), children: c }),
                     /* @__PURE__ */ e("span", { className: n("bear-font-semibold bear-uppercase bear-tracking-wider bear-text-primary-500", l.label), children: m.select })
                   ] }),
@@ -143,25 +143,25 @@ const M = ({ size: i }) => /* @__PURE__ */ e(f, { size: i, children: /* @__PURE_
                       id: `pp-${r}`,
                       value: String(s),
                       onChange: (a) => {
-                        const d = t.options.find((x) => String(x.value) === a.target.value);
+                        const d = b.options.find((x) => String(x.value) === a.target.value);
                         o(r, d ? d.value : a.target.value);
                       },
                       className: n(h, "bear-cursor-pointer bear-appearance-none"),
-                      children: t.options.map((a) => /* @__PURE__ */ e("option", { value: String(a.value), children: a.label }, String(a.value)))
+                      children: b.options.map((a) => /* @__PURE__ */ e("option", { value: String(a.value), children: a.label }, String(a.value)))
                     }
                   )
                 ]
               },
               r
             );
-          if (t.type === "number") {
-            const a = Number(s), d = Number.isNaN(a) ? t.default : a;
-            return /* @__PURE__ */ b(
+          if (b.type === "number") {
+            const a = Number(s), d = Number.isNaN(a) ? b.default : a;
+            return /* @__PURE__ */ t(
               "div",
               {
                 className: "bear-rounded-lg bear-border bear-border-zinc-700/60 bear-bg-zinc-800/30 bear-p-3",
                 children: [
-                  /* @__PURE__ */ b("div", { className: "bear-flex bear-items-center bear-justify-between bear-mb-1.5", children: [
+                  /* @__PURE__ */ t("div", { className: "bear-flex bear-items-center bear-justify-between bear-mb-1.5", children: [
                     /* @__PURE__ */ e("label", { htmlFor: `pp-${r}`, className: n("bear-font-medium bear-text-zinc-300 bear-truncate", l.label), children: c }),
                     /* @__PURE__ */ e("span", { className: n("bear-font-semibold bear-uppercase bear-tracking-wider bear-text-primary-500", l.label), children: m.number })
                   ] }),
@@ -171,12 +171,12 @@ const M = ({ size: i }) => /* @__PURE__ */ e(f, { size: i, children: /* @__PURE_
                       id: `pp-${r}`,
                       type: "number",
                       value: d,
-                      min: t.min,
-                      max: t.max,
-                      step: t.step,
+                      min: b.min,
+                      max: b.max,
+                      step: b.step,
                       onChange: (x) => {
                         const y = x.target.valueAsNumber;
-                        o(r, Number.isNaN(y) ? t.default : y);
+                        o(r, Number.isNaN(y) ? b.default : y);
                       },
                       className: h
                     }
@@ -186,12 +186,12 @@ const M = ({ size: i }) => /* @__PURE__ */ e(f, { size: i, children: /* @__PURE_
               r
             );
           }
-          return /* @__PURE__ */ b(
+          return /* @__PURE__ */ t(
             "div",
             {
               className: "bear-rounded-lg bear-border bear-border-zinc-700/60 bear-bg-zinc-800/30 bear-p-3",
               children: [
-                /* @__PURE__ */ b("div", { className: "bear-flex bear-items-center bear-justify-between bear-mb-1.5", children: [
+                /* @__PURE__ */ t("div", { className: "bear-flex bear-items-center bear-justify-between bear-mb-1.5", children: [
                   /* @__PURE__ */ e("label", { htmlFor: `pp-${r}`, className: n("bear-font-medium bear-text-zinc-300 bear-truncate", l.label), children: c }),
                   /* @__PURE__ */ e("span", { className: n("bear-font-semibold bear-uppercase bear-tracking-wider bear-text-primary-500", l.label), children: m.string })
                 ] }),
@@ -202,7 +202,7 @@ const M = ({ size: i }) => /* @__PURE__ */ e(f, { size: i, children: /* @__PURE_
                     type: "text",
                     value: String(s ?? ""),
                     onChange: (a) => o(r, a.target.value),
-                    placeholder: t.placeholder,
+                    placeholder: b.placeholder,
                     className: h
                   }
                 )
@@ -211,11 +211,11 @@ const M = ({ size: i }) => /* @__PURE__ */ e(f, { size: i, children: /* @__PURE_
             r
           );
         }) }) }),
-        /* @__PURE__ */ e("div", { className: "bear-border-t bear-border-zinc-700 bear-p-6 bear-bg-zinc-900 bear-flex bear-items-center bear-justify-center bear-min-h-[180px]", children: /* @__PURE__ */ e("div", { className: "bear-w-full", children: w(g) }) })
+        /* @__PURE__ */ e("div", { className: "bear-border-t bear-border-gray-200 dark:bear-border-zinc-700 bear-p-6 bear-bg-white dark:bear-bg-zinc-900 bear-flex bear-items-center bear-justify-center bear-min-h-[180px]", children: /* @__PURE__ */ e("div", { className: "bear-w-full", children: C(f) }) })
       ]
     }
   );
 };
 export {
-  J as PropsPlayground
+  H as PropsPlayground
 };

package/dist/components/Select/Select.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("react"),o=require("../../utils/cn.cjs"),S=require("../../hooks/useClickOutside.cjs");require("../../context/BearProvider.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");require("../FormControl/FormControl.context.cjs");const g=require("../Icon/index.cjs"),R=require("../Portal/Portal.cjs"),E={sm:"bear-h-8 bear-text-sm bear-px-3",md:"bear-h-10 bear-text-base bear-px-4",lg:"bear-h-12 bear-text-lg bear-px-5"},P=({options:x,value:s,onChange:n,placeholder:y="Select an option",label:m,error:i,disabled:d=!1,size:j="md",fullWidth:k=!1,className:p})=>{const[a,c]=t.useState(!1),[u,q]=t.useState({top:0,left:0,width:0}),f=t.useRef(null),v=t.useRef(null),w=!!i,l=x.find(e=>e.value===s),C=t.useCallback(()=>c(!1),[]);S.useClickOutsideMultiple([f,v],C,{enabled:a});const N=e=>{n==null||n(e),c(!1)};return t.useEffect(()=>{if(!a)return;const e=()=>{var h;const b=(h=f.current)==null?void 0:h.getBoundingClientRect();b&&q({top:b.bottom+4,left:Math.max(8,Math.min(b.left,window.innerWidth-b.width-8)),width:b.width})};return e(),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[a]),r.jsxs("div",{ref:f,className:o.cn("bear-relative bear-flex bear-flex-col bear-gap-1.5",k&&"bear-w-full"),children:[m&&r.jsx("label",{className:"bear-text-sm bear-font-medium",style:{color:"var(--bear-text-secondary)"},children:m}),r.jsxs("button",{type:"button",disabled:d,onClick:()=>!d&&c(!a),className:o.cn("bear-flex bear-items-center bear-justify-between bear-w-full","bear-rounded-lg bear-border bear-text-left bear-outline-none bear-transition-all bear-duration-200","focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-[var(--bear-bg-primary)]",w?"bear-border-red-500 focus:bear-ring-red-500":"focus:bear-border-bear-500 focus:bear-ring-bear-500 dark:focus:bear-border-bear-500 dark:focus:bear-ring-bear-500",d&&"bear-opacity-50 bear-cursor-not-allowed",E[j],p),style:{backgroundColor:"var(--bear-bg-primary)",borderColor:w?void 0:"var(--bear-border-default)",color:l?"var(--bear-text-primary)":"var(--bear-text-muted)"},children:[r.jsx("span",{children:(l==null?void 0:l.label)||y}),r.jsx(g.ChevronDownIcon,{className:o.cn("bear-w-4 bear-h-4 bear-shrink-0 bear-transition-transform",a&&"bear-rotate-180"),style:{color:"var(--bear-text-muted)"}})]}),a&&r.jsx(R.Portal,{children:r.jsx("div",{ref:v,className:"bear-fixed bear-rounded-lg bear-border bear-shadow-lg bear-overflow-hidden",style:{backgroundColor:"var(--bear-bg-primary)",borderColor:"var(--bear-border-default)",top:u.top,left:u.left,width:u.width,zIndex:1e4},children:r.jsx("div",{className:"bear-max-h-60 bear-overflow-y-auto",children:x.map(e=>r.jsxs("button",{type:"button",disabled:e.disabled,onClick:()=>!e.disabled&&N(e.value),className:o.cn("bear-flex bear-items-center bear-justify-between bear-w-full bear-px-4 bear-py-2","bear-text-left bear-transition-colors",e.disabled&&"bear-cursor-not-allowed",e.value===s&&"bear-bg-bear-100 bear-text-bear-700 dark:bear-bg-bear-600/20 dark:bear-text-bear-300",!e.disabled&&e.value!==s&&"hover:bear-bg-[var(--bear-bg-tertiary)]"),style:e.disabled?{color:"var(--bear-text-muted)"}:e.value===s?void 0:{color:"var(--bear-text-secondary)"},children:[e.label,e.value===s&&r.jsx(g.CheckIcon,{className:"bear-w-4 bear-h-4 bear-shrink-0 bear-text-bear-600 dark:bear-text-bear-400"})]},e.value))})})}),i&&r.jsx("p",{className:"bear-text-sm bear-text-red-500",children:i})]})};exports.Select=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("react"),a=require("./Select.const.cjs"),R=require("../Icon/index.cjs"),B=require("../Portal/Portal.cjs"),o=require("../../utils/cn.cjs"),U=require("../../utils/generateBearId.utils.cjs"),z=require("../../utils/useBearId.cjs"),F=require("../../hooks/useClickOutside.cjs");require("../../context/BearProvider.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");require("../FormControl/FormControl.context.cjs");const X=I=>{const{options:v,value:t,onChange:l,placeholder:E=a.SELECT_DEFAULT_PLACEHOLDER,label:c,error:n,disabled:i=!1,size:w="md",fullWidth:y=!1,displayEmpty:m=!1,renderValue:L,native:u=!1,className:p,id:A,testId:T}=I,P=z.useBearId("Select"),_=U.resolveBearId(A,P),[s,x]=b.useState(!1),[S,q]=b.useState({top:0,left:0,width:0}),h=b.useRef(null),O=b.useRef(null),f=!!n,C=v.find(e=>e.value===t),g=t===void 0||t==="",j=g||m&&g,D=b.useCallback(()=>x(!1),[]);F.useClickOutsideMultiple([h,O],D,{enabled:s&&!u});const M=e=>{l==null||l(e),x(!1)};b.useEffect(()=>{if(!s||u)return;const e=()=>{var k;const d=(k=h.current)==null?void 0:k.getBoundingClientRect();d&&q({top:d.bottom+a.SELECT_MENU_OFFSET_PX,left:Math.max(a.SELECT_MENU_EDGE_PAD_PX,Math.min(d.left,window.innerWidth-d.width-a.SELECT_MENU_EDGE_PAD_PX)),width:d.width})};return e(),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[s,u]);const $=L&&!g?L(t):j||!C?E:C.label,N={backgroundColor:"var(--bear-bg-primary)",borderColor:f?void 0:"var(--bear-border-default)",color:C&&!j?"var(--bear-text-primary)":"var(--bear-text-muted)"};return u?r.jsxs("div",{id:_,"data-testid":T,className:o.cn(a.S_E_L_E_C_T_ROOT_CLASS,"bear-relative bear-flex bear-flex-col bear-gap-1.5",y&&"bear-w-full"),children:[c&&r.jsx("label",{htmlFor:`${_}-native`,className:"bear-text-sm bear-font-medium",style:{color:"var(--bear-text-secondary)"},children:c}),r.jsxs("select",{id:`${_}-native`,disabled:i,value:t??"",onChange:e=>l==null?void 0:l(e.target.value),className:o.cn(`${a.S_E_L_E_C_T_ROOT_CLASS}__native`,"bear-w-full bear-rounded-lg bear-border bear-outline-none bear-transition-all bear-duration-200","focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-[var(--bear-bg-primary)]",f?"bear-border-red-500 focus:bear-ring-red-500":"focus:bear-border-bear-500 focus:bear-ring-bear-500",i&&"bear-opacity-50 bear-cursor-not-allowed",a.SELECT_SIZE_CLASSES[w],p),style:N,"aria-invalid":f||void 0,children:[(m||E)&&r.jsx("option",{value:"",disabled:!m,children:E}),v.map(e=>r.jsx("option",{value:e.value,disabled:e.disabled,children:e.label},e.value))]}),n&&r.jsx("p",{className:"bear-text-sm bear-text-red-500",children:n})]}):r.jsxs("div",{ref:h,id:_,"data-testid":T,className:o.cn(a.S_E_L_E_C_T_ROOT_CLASS,"bear-relative bear-flex bear-flex-col bear-gap-1.5",y&&"bear-w-full"),children:[c&&r.jsx("label",{className:"bear-text-sm bear-font-medium",style:{color:"var(--bear-text-secondary)"},children:c}),r.jsxs("button",{type:"button",disabled:i,onClick:()=>!i&&x(!s),className:o.cn(`${a.S_E_L_E_C_T_ROOT_CLASS}__trigger`,"bear-flex bear-items-center bear-justify-between bear-w-full","bear-rounded-lg bear-border bear-text-left bear-outline-none bear-transition-all bear-duration-200","focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-[var(--bear-bg-primary)]",f?"bear-border-red-500 focus:bear-ring-red-500":"focus:bear-border-bear-500 focus:bear-ring-bear-500 dark:focus:bear-border-bear-500 dark:focus:bear-ring-bear-500",i&&"bear-opacity-50 bear-cursor-not-allowed",a.SELECT_SIZE_CLASSES[w],p),style:N,"aria-haspopup":"listbox","aria-expanded":s,children:[r.jsx("span",{className:`${a.S_E_L_E_C_T_ROOT_CLASS}__value`,children:$}),r.jsx(R.ChevronDownIcon,{className:o.cn("bear-w-4 bear-h-4 bear-shrink-0 bear-transition-transform",s&&"bear-rotate-180"),style:{color:"var(--bear-text-muted)"}})]}),s&&r.jsx(B.Portal,{children:r.jsx("div",{ref:O,className:`${a.S_E_L_E_C_T_ROOT_CLASS}__menu bear-fixed bear-rounded-lg bear-border bear-shadow-lg bear-overflow-hidden`,style:{backgroundColor:"var(--bear-bg-primary)",borderColor:"var(--bear-border-default)",top:S.top,left:S.left,width:S.width,zIndex:a.SELECT_MENU_Z_INDEX},role:"listbox",children:r.jsx("div",{className:"bear-max-h-60 bear-overflow-y-auto",children:v.map(e=>r.jsxs("button",{type:"button",disabled:e.disabled,onClick:()=>!e.disabled&&M(e.value),role:"option","aria-selected":e.value===t,className:o.cn(`${a.S_E_L_E_C_T_ROOT_CLASS}__option`,"bear-flex bear-items-center bear-justify-between bear-w-full bear-px-4 bear-py-2","bear-text-left bear-transition-colors",e.disabled&&"bear-cursor-not-allowed",e.value===t&&"bear-bg-bear-100 bear-text-bear-700 dark:bear-bg-bear-600/20 dark:bear-text-bear-300",!e.disabled&&e.value!==t&&"hover:bear-bg-[var(--bear-bg-tertiary)]"),style:e.disabled?{color:"var(--bear-text-muted)"}:e.value===t?void 0:{color:"var(--bear-text-secondary)"},children:[e.label,e.value===t&&r.jsx(R.CheckIcon,{className:"bear-w-4 bear-h-4 bear-shrink-0 bear-text-bear-600 dark:bear-text-bear-400"})]},e.value))})})}),n&&r.jsx("p",{className:"bear-text-sm bear-text-red-500",children:n})]})};exports.Select=X;

package/dist/components/Select/Select.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="Bear-Select",_="Select an option",S=4,e=8,L=1e4,t={sm:"bear-h-8 bear-text-sm bear-px-3",md:"bear-h-10 bear-text-base bear-px-4",lg:"bear-h-12 bear-text-lg bear-px-5"};exports.SELECT_DEFAULT_PLACEHOLDER=_;exports.SELECT_MENU_EDGE_PAD_PX=e;exports.SELECT_MENU_OFFSET_PX=S;exports.SELECT_MENU_Z_INDEX=L;exports.SELECT_SIZE_CLASSES=t;exports.S_E_L_E_C_T_ROOT_CLASS=E;

package/dist/components/Select/Select.const.d.ts

@@ -1 +1,10 @@
 export declare const S_E_L_E_C_T_ROOT_CLASS = "Bear-Select";
+export declare const SELECT_DEFAULT_PLACEHOLDER = "Select an option";
+export declare const SELECT_MENU_OFFSET_PX = 4;
+export declare const SELECT_MENU_EDGE_PAD_PX = 8;
+export declare const SELECT_MENU_Z_INDEX = 10000;
+export declare const SELECT_SIZE_CLASSES: {
+    readonly sm: "bear-h-8 bear-text-sm bear-px-3";
+    readonly md: "bear-h-10 bear-text-base bear-px-4";
+    readonly lg: "bear-h-12 bear-text-lg bear-px-5";
+};

package/dist/components/Select/Select.const.js

@@ -0,0 +1,13 @@
+const E = "Bear-Select", _ = "Select an option", e = 4, t = 8, S = 1e4, a = {
+  sm: "bear-h-8 bear-text-sm bear-px-3",
+  md: "bear-h-10 bear-text-base bear-px-4",
+  lg: "bear-h-12 bear-text-lg bear-px-5"
+};
+export {
+  _ as SELECT_DEFAULT_PLACEHOLDER,
+  t as SELECT_MENU_EDGE_PAD_PX,
+  e as SELECT_MENU_OFFSET_PX,
+  S as SELECT_MENU_Z_INDEX,
+  a as SELECT_SIZE_CLASSES,
+  E as S_E_L_E_C_T_ROOT_CLASS
+};