@forgedevstack/bear 1.0.1 → 1.0.3

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

@@ -1,4 +1,6 @@
 import { ReactNode } from 'react';
+import { CalendarSlots } from '../Calendar/Calendar.types';
+import { BisProp } from '../../types/bis.types';
 export interface DatePickerProps {
     value?: Date | null;
     onChange?: (date: Date | null) => void;
@@ -16,9 +18,16 @@ export interface DatePickerProps {
     rangeValue?: [Date | null, Date | null];
     clearable?: boolean;
     className?: string;
+    style?: React.CSSProperties;
+    /** Bear Inner Style - sx-like overrides */
+    bis?: BisProp;
     showWeekNumbers?: boolean;
     disabledDates?: Date[];
     highlightedDates?: Date[];
+    /** Customize calendar via slots (header, day, nav, etc.) */
+    slots?: CalendarSlots;
+    weekdayLabels?: string[];
+    firstDayOfWeek?: number;
     size?: 'sm' | 'md' | 'lg';
     variant?: 'default' | 'filled' | 'outline';
     leftIcon?: ReactNode;

package/dist/components/DatePicker/DatePicker.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a="MM/DD/YYYY";function c(t,e=a){if(!t)return"";const r=t.getDate().toString().padStart(2,"0"),o=(t.getMonth()+1).toString().padStart(2,"0"),n=t.getFullYear().toString();return e.replace("DD",r).replace("MM",o).replace("YYYY",n)}exports.formatDate=c;

package/dist/components/DatePicker/DatePicker.utils.d.ts

@@ -0,0 +1 @@
+export declare function formatDate(date: Date | null, format?: string): string;

package/dist/components/DatePicker/DatePicker.utils.js

@@ -0,0 +1,9 @@
+const Y = "MM/DD/YYYY";
+function a(t, r = Y) {
+  if (!t) return "";
+  const e = t.getDate().toString().padStart(2, "0"), n = (t.getMonth() + 1).toString().padStart(2, "0"), o = t.getFullYear().toString();
+  return r.replace("DD", e).replace("MM", n).replace("YYYY", o);
+}
+export {
+  a as formatDate
+};

package/dist/components/DateTimePicker/DateTimePicker.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),re=require("../Calendar/Calendar.cjs"),d=require("../../utils/cn.cjs"),te=require("../../hooks/useBearStyles.cjs"),D=require("./DateTimePicker.utils.cjs"),ae=({value:n,onChange:b,minDate:M,maxDate:S,disabled:m=!1,placeholder:C="Select date and time",label:y,error:u,helperText:j,dateFormat:H="MM/DD/YYYY",timeFormat:l="12h",minuteStep:g=5,clearable:P=!0,className:T,style:q,bis:A,slots:V,weekdayLabels:O,firstDayOfWeek:B=0,size:E="md",variant:L="default"})=>{const[f,x]=s.useState(!1),[R,k]=s.useState(n??new Date),[o,c]=s.useState(()=>n??new Date),h=s.useRef(null),N=te.useBearStyles(A,q);s.useEffect(()=>{const e=t=>{h.current&&!h.current.contains(t.target)&&x(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]),s.useEffect(()=>{c(n?new Date(n):new Date)},[n,f]);const Y=s.useCallback(e=>{c(t=>{const a=new Date(e);return a.setHours(t.getHours(),t.getMinutes(),0,0),a})},[]),_=s.useCallback(()=>{b==null||b(o),x(!1)},[o,b]),$=s.useCallback(()=>{b==null||b(null),x(!1)},[b]),I=s.useCallback(()=>{const e=new Date;c(e),k(e)},[]),W=s.useCallback(e=>k(e),[]),G=l==="12h"?Array.from({length:12},(e,t)=>t+1):Array.from({length:24},(e,t)=>t),p=Array.from({length:60/g},(e,t)=>t*g),w=o.getHours(),v=o.getMinutes(),J=l==="12h"?w%12||12:w,K=p.includes(v)?v:p[0]??0,z=w>=12?"PM":"AM",Q=e=>{const t=l==="12h"?z==="PM"?e===12?12:e+12:e===12?0:e:e;c(a=>{const i=new Date(a);return i.setHours(t,a.getMinutes(),0,0),i})},U=e=>{c(t=>{const a=new Date(t);return a.setMinutes(e,0,0),a})},X=e=>{c(t=>{const a=new Date(t),i=a.getHours();return e==="PM"&&i<12?a.setHours(i+12):e==="AM"&&i>=12&&a.setHours(i-12),a})},Z={sm:"bear-py-1.5 bear-px-3 bear-text-sm",md:"bear-py-2 bear-px-4",lg:"bear-py-2.5 bear-px-5 bear-text-lg"},F={default:"bear-bg-zinc-800 bear-border-zinc-600",filled:"bear-bg-zinc-700 bear-border-transparent",outline:"bear-bg-transparent bear-border-zinc-500"},ee=n?`${D.formatDate(n,H)} ${D.formatTime(n,l)}`:"";return r.jsxs("div",{ref:h,className:d.cn("bear-relative",T),style:Object.keys(N).length?N:void 0,children:[y&&r.jsx("label",{className:"bear-block bear-text-sm bear-font-medium bear-text-zinc-300 bear-mb-1.5",children:y}),r.jsxs("button",{type:"button",onClick:()=>!m&&x(!f),disabled:m,className:d.cn("bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-text-left bear-transition-colors",Z[E],F[L],u?"bear-border-red-500":"focus:bear-border-pink-500",m&&"bear-opacity-50 bear-cursor-not-allowed",n?"bear-text-white":"bear-text-zinc-500"),children:[r.jsx("span",{children:ee||C}),r.jsx("svg",{className:"bear-w-5 bear-h-5 bear-text-zinc-400 bear-shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})})]}),u&&r.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-red-400",children:u}),j&&!u&&r.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-zinc-500",children:j}),f&&r.jsxs("div",{className:"bear-absolute bear-z-50 bear-mt-2 bear-left-0 bear-right-0 bear-bg-white dark:bear-bg-gray-900 bear-rounded-xl bear-shadow-xl bear-border bear-border-zinc-200 dark:bear-border-zinc-700 bear-overflow-hidden bear-w-full bear-max-w-sm",children:[r.jsx(re.Calendar,{inline:!0,viewDate:R,onViewChange:W,value:o,onSelect:Y,minDate:M,maxDate:S,slots:V,weekdayLabels:O,firstDayOfWeek:B,clearable:!1,showTodayButton:!1}),r.jsxs("div",{className:"bear-px-4 bear-pb-3 bear-pt-2 bear-border-t bear-border-zinc-200",children:[r.jsxs("div",{className:"bear-flex bear-gap-2 bear-mb-3",children:[r.jsxs("div",{className:"bear-flex-1",children:[r.jsx("div",{className:"bear-text-xs bear-text-zinc-500 bear-mb-1 bear-text-center",children:"Hour"}),r.jsx("div",{className:"bear-h-24 bear-overflow-y-auto bear-space-y-0.5 bear-scrollbar-thin",children:G.map(e=>r.jsx("button",{type:"button",onClick:()=>Q(e),className:d.cn("bear-w-full bear-py-1 bear-rounded bear-text-sm bear-transition-colors",J===e?"bear-bg-bear-500 bear-text-white":"bear-text-zinc-700 hover:bear-bg-zinc-100"),children:e.toString().padStart(2,"0")},e))})]}),r.jsxs("div",{className:"bear-flex-1",children:[r.jsx("div",{className:"bear-text-xs bear-text-zinc-500 bear-mb-1 bear-text-center",children:"Minute"}),r.jsx("div",{className:"bear-h-24 bear-overflow-y-auto bear-space-y-0.5 bear-scrollbar-thin",children:p.map(e=>r.jsx("button",{type:"button",onClick:()=>U(e),className:d.cn("bear-w-full bear-py-1 bear-rounded bear-text-sm bear-transition-colors",K===e?"bear-bg-bear-500 bear-text-white":"bear-text-zinc-700 hover:bear-bg-zinc-100"),children:e.toString().padStart(2,"0")},e))})]}),l==="12h"&&r.jsxs("div",{className:"bear-flex-1",children:[r.jsx("div",{className:"bear-text-xs bear-text-zinc-500 bear-mb-1 bear-text-center",children:"Period"}),r.jsx("div",{className:"bear-space-y-0.5",children:["AM","PM"].map(e=>r.jsx("button",{type:"button",onClick:()=>X(e),className:d.cn("bear-w-full bear-py-2 bear-rounded bear-text-sm bear-transition-colors",z===e?"bear-bg-bear-500 bear-text-white":"bear-text-zinc-700 hover:bear-bg-zinc-100"),children:e},e))})]})]}),r.jsxs("div",{className:"bear-flex bear-gap-2 bear-justify-between",children:[P&&n?r.jsx("button",{type:"button",onClick:$,className:"bear-text-sm bear-text-zinc-500 hover:bear-text-zinc-700",children:"Clear"}):r.jsx("span",{}),r.jsxs("div",{className:"bear-flex bear-gap-2",children:[r.jsx("button",{type:"button",onClick:I,className:"bear-text-sm bear-text-bear-600 hover:bear-text-bear-700 bear-font-medium",children:"Today"}),r.jsx("button",{type:"button",onClick:_,className:"bear-text-sm bear-bg-bear-500 bear-text-white bear-px-3 bear-py-1 bear-rounded bear-font-medium hover:bear-bg-bear-600",children:"Confirm"})]})]})]})]})]})};exports.DateTimePicker=ae;

package/dist/components/DateTimePicker/DateTimePicker.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { DateTimePickerProps } from './DateTimePicker.types';
+export declare const DateTimePicker: FC<DateTimePickerProps>;

package/dist/components/DateTimePicker/DateTimePicker.js

@@ -0,0 +1,178 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { useState as g, useRef as ae, useEffect as S, useCallback as d } from "react";
+import { Calendar as be } from "../Calendar/Calendar.js";
+import { cn as u } from "../../utils/cn.js";
+import { useBearStyles as ne } from "../../hooks/useBearStyles.js";
+import { formatDate as se, formatTime as oe } from "./DateTimePicker.utils.js";
+const xe = ({
+  value: b,
+  onChange: s,
+  minDate: C,
+  maxDate: P,
+  disabled: f = !1,
+  placeholder: j = "Select date and time",
+  label: N,
+  error: m,
+  helperText: z,
+  dateFormat: A = "MM/DD/YYYY",
+  timeFormat: i = "12h",
+  minuteStep: v = 5,
+  clearable: V = !0,
+  className: L,
+  style: O,
+  bis: T,
+  slots: Y,
+  weekdayLabels: B,
+  firstDayOfWeek: E = 0,
+  size: _ = "md",
+  variant: R = "default"
+}) => {
+  const [h, x] = g(!1), [$, k] = g(b ?? /* @__PURE__ */ new Date()), [l, o] = g(() => b ?? /* @__PURE__ */ new Date()), p = ae(null), M = ne(T, O);
+  S(() => {
+    const e = (t) => {
+      p.current && !p.current.contains(t.target) && x(!1);
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, []), S(() => {
+    o(b ? new Date(b) : /* @__PURE__ */ new Date());
+  }, [b, h]);
+  const I = d((e) => {
+    o((t) => {
+      const a = new Date(e);
+      return a.setHours(t.getHours(), t.getMinutes(), 0, 0), a;
+    });
+  }, []), W = d(() => {
+    s == null || s(l), x(!1);
+  }, [l, s]), q = d(() => {
+    s == null || s(null), x(!1);
+  }, [s]), G = d(() => {
+    const e = /* @__PURE__ */ new Date();
+    o(e), k(e);
+  }, []), J = d((e) => k(e), []), K = i === "12h" ? Array.from({ length: 12 }, (e, t) => t + 1) : Array.from({ length: 24 }, (e, t) => t), w = Array.from({ length: 60 / v }, (e, t) => t * v), y = l.getHours(), D = l.getMinutes(), Q = i === "12h" ? y % 12 || 12 : y, U = w.includes(D) ? D : w[0] ?? 0, H = y >= 12 ? "PM" : "AM", X = (e) => {
+    const t = i === "12h" ? H === "PM" ? e === 12 ? 12 : e + 12 : e === 12 ? 0 : e : e;
+    o((a) => {
+      const c = new Date(a);
+      return c.setHours(t, a.getMinutes(), 0, 0), c;
+    });
+  }, Z = (e) => {
+    o((t) => {
+      const a = new Date(t);
+      return a.setMinutes(e, 0, 0), a;
+    });
+  }, F = (e) => {
+    o((t) => {
+      const a = new Date(t), c = a.getHours();
+      return e === "PM" && c < 12 ? a.setHours(c + 12) : e === "AM" && c >= 12 && a.setHours(c - 12), a;
+    });
+  }, ee = { sm: "bear-py-1.5 bear-px-3 bear-text-sm", md: "bear-py-2 bear-px-4", lg: "bear-py-2.5 bear-px-5 bear-text-lg" }, re = {
+    default: "bear-bg-zinc-800 bear-border-zinc-600",
+    filled: "bear-bg-zinc-700 bear-border-transparent",
+    outline: "bear-bg-transparent bear-border-zinc-500"
+  }, te = b ? `${se(b, A)} ${oe(b, i)}` : "";
+  return /* @__PURE__ */ n("div", { ref: p, className: u("bear-relative", L), style: Object.keys(M).length ? M : void 0, children: [
+    N && /* @__PURE__ */ r("label", { className: "bear-block bear-text-sm bear-font-medium bear-text-zinc-300 bear-mb-1.5", children: N }),
+    /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        onClick: () => !f && x(!h),
+        disabled: f,
+        className: u(
+          "bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-text-left bear-transition-colors",
+          ee[_],
+          re[R],
+          m ? "bear-border-red-500" : "focus:bear-border-pink-500",
+          f && "bear-opacity-50 bear-cursor-not-allowed",
+          b ? "bear-text-white" : "bear-text-zinc-500"
+        ),
+        children: [
+          /* @__PURE__ */ r("span", { children: te || j }),
+          /* @__PURE__ */ r("svg", { className: "bear-w-5 bear-h-5 bear-text-zinc-400 bear-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) })
+        ]
+      }
+    ),
+    m && /* @__PURE__ */ r("p", { className: "bear-mt-1 bear-text-xs bear-text-red-400", children: m }),
+    z && !m && /* @__PURE__ */ r("p", { className: "bear-mt-1 bear-text-xs bear-text-zinc-500", children: z }),
+    h && /* @__PURE__ */ n("div", { className: "bear-absolute bear-z-50 bear-mt-2 bear-left-0 bear-right-0 bear-bg-white dark:bear-bg-gray-900 bear-rounded-xl bear-shadow-xl bear-border bear-border-zinc-200 dark:bear-border-zinc-700 bear-overflow-hidden bear-w-full bear-max-w-sm", children: [
+      /* @__PURE__ */ r(
+        be,
+        {
+          inline: !0,
+          viewDate: $,
+          onViewChange: J,
+          value: l,
+          onSelect: I,
+          minDate: C,
+          maxDate: P,
+          slots: Y,
+          weekdayLabels: B,
+          firstDayOfWeek: E,
+          clearable: !1,
+          showTodayButton: !1
+        }
+      ),
+      /* @__PURE__ */ n("div", { className: "bear-px-4 bear-pb-3 bear-pt-2 bear-border-t bear-border-zinc-200", children: [
+        /* @__PURE__ */ n("div", { className: "bear-flex bear-gap-2 bear-mb-3", children: [
+          /* @__PURE__ */ n("div", { className: "bear-flex-1", children: [
+            /* @__PURE__ */ r("div", { className: "bear-text-xs bear-text-zinc-500 bear-mb-1 bear-text-center", children: "Hour" }),
+            /* @__PURE__ */ r("div", { className: "bear-h-24 bear-overflow-y-auto bear-space-y-0.5 bear-scrollbar-thin", children: K.map((e) => /* @__PURE__ */ r(
+              "button",
+              {
+                type: "button",
+                onClick: () => X(e),
+                className: u(
+                  "bear-w-full bear-py-1 bear-rounded bear-text-sm bear-transition-colors",
+                  Q === e ? "bear-bg-bear-500 bear-text-white" : "bear-text-zinc-700 hover:bear-bg-zinc-100"
+                ),
+                children: e.toString().padStart(2, "0")
+              },
+              e
+            )) })
+          ] }),
+          /* @__PURE__ */ n("div", { className: "bear-flex-1", children: [
+            /* @__PURE__ */ r("div", { className: "bear-text-xs bear-text-zinc-500 bear-mb-1 bear-text-center", children: "Minute" }),
+            /* @__PURE__ */ r("div", { className: "bear-h-24 bear-overflow-y-auto bear-space-y-0.5 bear-scrollbar-thin", children: w.map((e) => /* @__PURE__ */ r(
+              "button",
+              {
+                type: "button",
+                onClick: () => Z(e),
+                className: u(
+                  "bear-w-full bear-py-1 bear-rounded bear-text-sm bear-transition-colors",
+                  U === e ? "bear-bg-bear-500 bear-text-white" : "bear-text-zinc-700 hover:bear-bg-zinc-100"
+                ),
+                children: e.toString().padStart(2, "0")
+              },
+              e
+            )) })
+          ] }),
+          i === "12h" && /* @__PURE__ */ n("div", { className: "bear-flex-1", children: [
+            /* @__PURE__ */ r("div", { className: "bear-text-xs bear-text-zinc-500 bear-mb-1 bear-text-center", children: "Period" }),
+            /* @__PURE__ */ r("div", { className: "bear-space-y-0.5", children: ["AM", "PM"].map((e) => /* @__PURE__ */ r(
+              "button",
+              {
+                type: "button",
+                onClick: () => F(e),
+                className: u(
+                  "bear-w-full bear-py-2 bear-rounded bear-text-sm bear-transition-colors",
+                  H === e ? "bear-bg-bear-500 bear-text-white" : "bear-text-zinc-700 hover:bear-bg-zinc-100"
+                ),
+                children: e
+              },
+              e
+            )) })
+          ] })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "bear-flex bear-gap-2 bear-justify-between", children: [
+          V && b ? /* @__PURE__ */ r("button", { type: "button", onClick: q, className: "bear-text-sm bear-text-zinc-500 hover:bear-text-zinc-700", children: "Clear" }) : /* @__PURE__ */ r("span", {}),
+          /* @__PURE__ */ n("div", { className: "bear-flex bear-gap-2", children: [
+            /* @__PURE__ */ r("button", { type: "button", onClick: G, className: "bear-text-sm bear-text-bear-600 hover:bear-text-bear-700 bear-font-medium", children: "Today" }),
+            /* @__PURE__ */ r("button", { type: "button", onClick: W, className: "bear-text-sm bear-bg-bear-500 bear-text-white bear-px-3 bear-py-1 bear-rounded bear-font-medium hover:bear-bg-bear-600", children: "Confirm" })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+export {
+  xe as DateTimePicker
+};

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

@@ -0,0 +1,26 @@
+import { CalendarSlots } from '../Calendar/Calendar.types';
+import { BisProp } from '../../types/bis.types';
+export interface DateTimePickerProps {
+    value?: Date | null;
+    onChange?: (date: Date | null) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    disabled?: boolean;
+    placeholder?: string;
+    label?: string;
+    error?: string;
+    helperText?: string;
+    dateFormat?: string;
+    timeFormat?: '12h' | '24h';
+    minuteStep?: number;
+    clearable?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    bis?: BisProp;
+    /** Calendar slot overrides */
+    slots?: CalendarSlots;
+    weekdayLabels?: string[];
+    firstDayOfWeek?: number;
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'default' | 'filled' | 'outline';
+}

package/dist/components/DateTimePicker/DateTimePicker.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a="MM/DD/YYYY";function i(t,n=a){if(!t)return"";const r=t.getDate().toString().padStart(2,"0"),e=(t.getMonth()+1).toString().padStart(2,"0"),o=t.getFullYear().toString();return n.replace("DD",r).replace("MM",e).replace("YYYY",o)}function c(t,n){const r=t.getHours(),e=t.getMinutes();if(n==="24h")return`${r.toString().padStart(2,"0")}:${e.toString().padStart(2,"0")}`;const o=r>=12?"PM":"AM";return`${(r%12||12).toString().padStart(2,"0")}:${e.toString().padStart(2,"0")} ${o}`}exports.formatDate=i;exports.formatTime=c;

package/dist/components/DateTimePicker/DateTimePicker.utils.d.ts

@@ -0,0 +1,2 @@
+export declare function formatDate(d: Date | null, format?: string): string;
+export declare function formatTime(d: Date, fmt: '12h' | '24h'): string;

package/dist/components/DateTimePicker/DateTimePicker.utils.js

@@ -0,0 +1,16 @@
+const e = "MM/DD/YYYY";
+function i(t, o = e) {
+  if (!t) return "";
+  const r = t.getDate().toString().padStart(2, "0"), n = (t.getMonth() + 1).toString().padStart(2, "0"), a = t.getFullYear().toString();
+  return o.replace("DD", r).replace("MM", n).replace("YYYY", a);
+}
+function S(t, o) {
+  const r = t.getHours(), n = t.getMinutes();
+  if (o === "24h") return `${r.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
+  const a = r >= 12 ? "PM" : "AM";
+  return `${(r % 12 || 12).toString().padStart(2, "0")}:${n.toString().padStart(2, "0")} ${a}`;
+}
+export {
+  i as formatDate,
+  S as formatTime
+};

package/dist/components/DateTimePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { DateTimePicker } from './DateTimePicker';
+export type { DateTimePickerProps } from './DateTimePicker.types';

package/dist/components/Divider/Divider.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),m=require("../../utils/cn.cjs"),l={solid:"ember-border-solid",dashed:"ember-border-dashed",dotted:"ember-border-dotted"},u={left:"before:ember-w-4 after:ember-flex-1",center:"before:ember-flex-1 after:ember-flex-1",right:"before:ember-flex-1 after:ember-w-4"},c=({children:a,orientation:n="horizontal",variant:b="solid",color:d,textAlign:x="center",thickness:r=1,spacing:o=4,className:i,testId:s,style:f,...h})=>{const e=n==="horizontal";return a?t.jsxs("div",{className:m.cn("ember-flex ember-items-center ember-gap-4",e?"ember-w-full":"ember-flex-col ember-h-full",u[x],i),role:"separator",style:{marginTop:e?`${o*.25}rem`:0,marginBottom:e?`${o*.25}rem`:0,...f},"data-testid":s,children:[t.jsx("span",{className:m.cn("ember-flex-shrink-0",l[b]),style:{borderTopWidth:e?r:0,borderLeftWidth:e?0:r,borderColor:d||"#e5e7eb"}}),t.jsx("span",{className:"ember-text-sm ember-text-gray-500 ember-whitespace-nowrap ember-px-2",children:a}),t.jsx("span",{className:m.cn("ember-flex-shrink-0",l[b]),style:{borderTopWidth:e?r:0,borderLeftWidth:e?0:r,borderColor:d||"#e5e7eb"}})]}):t.jsx("hr",{className:m.cn("ember-border-0",e?"ember-w-full":"ember-h-full ember-w-px",l[b],i),style:{borderTopWidth:e?r:0,borderLeftWidth:e?0:r,borderColor:d||"#e5e7eb",marginTop:e?`${o*.25}rem`:0,marginBottom:e?`${o*.25}rem`:0,marginLeft:e?0:`${o*.25}rem`,marginRight:e?0:`${o*.25}rem`,...f},"data-testid":s,...h})};exports.Divider=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("../../utils/cn.cjs"),l={solid:"bear-border-solid",dashed:"bear-border-dashed",dotted:"bear-border-dotted"},u={left:"before:bear-w-4 after:bear-flex-1",center:"before:bear-flex-1 after:bear-flex-1",right:"before:bear-flex-1 after:bear-w-4"},c=({children:i,orientation:n="horizontal",variant:b="solid",color:d,textAlign:x="center",thickness:r=1,spacing:a=4,className:s,testId:f,style:m,...h})=>{const e=n==="horizontal";return i?o.jsxs("div",{className:t.cn("bear-flex bear-items-center bear-gap-4",e?"bear-w-full":"bear-flex-col bear-h-full",u[x],s),role:"separator",style:{marginTop:e?`${a*.25}rem`:0,marginBottom:e?`${a*.25}rem`:0,...m},"data-testid":f,children:[o.jsx("span",{className:t.cn("bear-flex-shrink-0",l[b]),style:{borderTopWidth:e?r:0,borderLeftWidth:e?0:r,borderColor:d||"#e5e7eb"}}),o.jsx("span",{className:"bear-text-sm bear-text-gray-500 bear-whitespace-nowrap bear-px-2",children:i}),o.jsx("span",{className:t.cn("bear-flex-shrink-0",l[b]),style:{borderTopWidth:e?r:0,borderLeftWidth:e?0:r,borderColor:d||"#e5e7eb"}})]}):o.jsx("hr",{className:t.cn("bear-border-0",e?"bear-w-full":"bear-h-full bear-w-px",l[b],s),style:{borderTopWidth:e?r:0,borderLeftWidth:e?0:r,borderColor:d||"#e5e7eb",marginTop:e?`${a*.25}rem`:0,marginBottom:e?`${a*.25}rem`:0,marginLeft:e?0:`${a*.25}rem`,marginRight:e?0:`${a*.25}rem`,...m},"data-testid":f,...h})};exports.Divider=c;

package/dist/components/Divider/Divider.js

@@ -1,49 +1,49 @@
-import { jsx as m, jsxs as p } from "react/jsx-runtime";
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
 import { cn as t } from "../../utils/cn.js";
 const l = {
-  solid: "ember-border-solid",
-  dashed: "ember-border-dashed",
-  dotted: "ember-border-dotted"
+  solid: "bear-border-solid",
+  dashed: "bear-border-dashed",
+  dotted: "bear-border-dotted"
 }, T = {
-  left: "before:ember-w-4 after:ember-flex-1",
-  center: "before:ember-flex-1 after:ember-flex-1",
-  right: "before:ember-flex-1 after:ember-w-4"
+  left: "before:bear-w-4 after:bear-flex-1",
+  center: "before:bear-flex-1 after:bear-flex-1",
+  right: "before:bear-flex-1 after:bear-w-4"
 }, u = ({
-  children: a,
+  children: f,
   orientation: x = "horizontal",
   variant: b = "solid",
   color: d,
   textAlign: h = "center",
   thickness: r = 1,
-  spacing: o = 4,
-  className: f,
+  spacing: a = 4,
+  className: m,
   testId: i,
   style: s,
   ...n
 }) => {
   const e = x === "horizontal";
-  return a ? /* @__PURE__ */ p(
+  return f ? /* @__PURE__ */ p(
     "div",
     {
       className: t(
-        "ember-flex ember-items-center ember-gap-4",
-        e ? "ember-w-full" : "ember-flex-col ember-h-full",
+        "bear-flex bear-items-center bear-gap-4",
+        e ? "bear-w-full" : "bear-flex-col bear-h-full",
         T[h],
-        f
+        m
       ),
       role: "separator",
       style: {
-        marginTop: e ? `${o * 0.25}rem` : 0,
-        marginBottom: e ? `${o * 0.25}rem` : 0,
+        marginTop: e ? `${a * 0.25}rem` : 0,
+        marginBottom: e ? `${a * 0.25}rem` : 0,
         ...s
       },
       "data-testid": i,
       children: [
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ o(
           "span",
           {
             className: t(
-              "ember-flex-shrink-0",
+              "bear-flex-shrink-0",
               l[b]
             ),
             style: {
@@ -53,12 +53,12 @@ const l = {
             }
           }
         ),
-        /* @__PURE__ */ m("span", { className: "ember-text-sm ember-text-gray-500 ember-whitespace-nowrap ember-px-2", children: a }),
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ o("span", { className: "bear-text-sm bear-text-gray-500 bear-whitespace-nowrap bear-px-2", children: f }),
+        /* @__PURE__ */ o(
           "span",
           {
             className: t(
-              "ember-flex-shrink-0",
+              "bear-flex-shrink-0",
               l[b]
             ),
             style: {
@@ -70,23 +70,23 @@ const l = {
         )
       ]
     }
-  ) : /* @__PURE__ */ m(
+  ) : /* @__PURE__ */ o(
     "hr",
     {
       className: t(
-        "ember-border-0",
-        e ? "ember-w-full" : "ember-h-full ember-w-px",
+        "bear-border-0",
+        e ? "bear-w-full" : "bear-h-full bear-w-px",
         l[b],
-        f
+        m
       ),
       style: {
         borderTopWidth: e ? r : 0,
         borderLeftWidth: e ? 0 : r,
         borderColor: d || "#e5e7eb",
-        marginTop: e ? `${o * 0.25}rem` : 0,
-        marginBottom: e ? `${o * 0.25}rem` : 0,
-        marginLeft: e ? 0 : `${o * 0.25}rem`,
-        marginRight: e ? 0 : `${o * 0.25}rem`,
+        marginTop: e ? `${a * 0.25}rem` : 0,
+        marginBottom: e ? `${a * 0.25}rem` : 0,
+        marginLeft: e ? 0 : `${a * 0.25}rem`,
+        marginRight: e ? 0 : `${a * 0.25}rem`,
         ...s
       },
       "data-testid": i,

package/dist/components/Dropdown/Dropdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),y=require("../../utils/cn.cjs"),_={xs:"ember-text-xs ember-py-1 ember-px-2",sm:"ember-text-sm ember-py-1.5 ember-px-3",md:"ember-text-sm ember-py-2 ember-px-3",lg:"ember-text-base ember-py-2.5 ember-px-4",xl:"ember-text-lg ember-py-3 ember-px-5"},B={"bottom-start":"ember-top-full ember-left-0 ember-mt-1","bottom-end":"ember-top-full ember-right-0 ember-mt-1",bottom:"ember-top-full ember-left-1/2 -ember-translate-x-1/2 ember-mt-1","top-start":"ember-bottom-full ember-left-0 ember-mb-1","top-end":"ember-bottom-full ember-right-0 ember-mb-1",top:"ember-bottom-full ember-left-1/2 -ember-translate-x-1/2 ember-mb-1",left:"ember-right-full ember-top-0 ember-mr-1",right:"ember-left-full ember-top-0 ember-ml-1"},K=({trigger:f,items:c,open:h,defaultOpen:N=!1,placement:S="bottom-start",offset:U=4,matchWidth:C=!1,minWidth:D=150,maxHeight:I=300,size:R="md",closeOnSelect:k=!0,closeOnClickOutside:v=!0,disabled:w=!1,onOpenChange:i,className:L,testId:A,...q})=>{var j;const[M,W]=r.useState(N),[l,o]=r.useState(-1),x=r.useRef(null),z=r.useRef(null),E=r.useRef(null),p=h!==void 0,n=p?h:M,u=r.useCallback(e=>{p||W(e),i==null||i(e)},[p,i]),F=r.useCallback(()=>{w||u(!n)},[w,n,u]),a=r.useCallback(()=>{u(!1),o(-1)},[u]),g=r.useCallback(e=>{var b;e.disabled||e.divider||e.header||((b=e.onClick)==null||b.call(e),k&&!e.items&&a())},[k,a]);r.useEffect(()=>{if(!v||!n)return;const e=b=>{x.current&&!x.current.contains(b.target)&&a()};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[n,v,a]),r.useEffect(()=>{if(!n)return;const e=c.filter(t=>!t.disabled&&!t.divider&&!t.header),b=t=>{switch(t.key){case"Escape":t.preventDefault(),a();break;case"ArrowDown":t.preventDefault(),o(d=>{const m=d+1;return m>=e.length?0:m});break;case"ArrowUp":t.preventDefault(),o(d=>{const m=d-1;return m<0?e.length-1:m});break;case"Enter":case" ":t.preventDefault(),l>=0&&l<e.length&&g(e[l]);break}};return document.addEventListener("keydown",b),()=>document.removeEventListener("keydown",b)},[n,c,l,a,g]),r.useEffect(()=>{n||o(-1)},[n]);const P=(e,b)=>{if(e.divider)return s.jsx("div",{className:"ember-my-1 ember-mx-2 ember-h-px ember-bg-gray-200 dark:ember-bg-gray-700",role:"separator"},e.key);if(e.header)return s.jsx("div",{className:"ember-px-3 ember-py-1.5 ember-text-xs ember-font-semibold ember-uppercase ember-tracking-wider ember-text-gray-500 dark:ember-text-gray-400",children:e.label},e.key);const t=c.slice(0,b).filter(m=>!m.disabled&&!m.divider&&!m.header).length,d=l===t;return s.jsxs("button",{type:"button",role:"menuitem",disabled:e.disabled,onClick:()=>g(e),onMouseEnter:()=>o(t),className:y.cn("ember-w-full ember-flex ember-items-center ember-gap-2 ember-text-left ember-border-none ember-bg-transparent",_[R],"ember-transition-colors ember-cursor-pointer",d&&"ember-bg-gray-100 dark:ember-bg-gray-800",e.danger?"ember-text-red-600 dark:ember-text-red-400 hover:ember-bg-red-50 dark:hover:ember-bg-red-900/20":"ember-text-gray-700 dark:ember-text-gray-200 hover:ember-bg-gray-100 dark:hover:ember-bg-gray-800",e.disabled&&"ember-opacity-50 ember-cursor-not-allowed ember-pointer-events-none"),children:[e.icon&&s.jsx("span",{className:"ember-flex-shrink-0 ember-w-5 ember-h-5 ember-flex ember-items-center ember-justify-center",children:e.icon}),s.jsx("span",{className:"ember-flex-1",children:e.label}),e.trailing&&s.jsx("span",{className:"ember-flex-shrink-0 ember-text-gray-400",children:e.trailing}),e.items&&s.jsx("svg",{className:"ember-w-4 ember-h-4 ember-text-gray-400",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:s.jsx("polyline",{points:"9 18 15 12 9 6"})})]},e.key)},T=r.isValidElement(f)?r.cloneElement(f,{onClick:F,ref:E,"aria-expanded":n,"aria-haspopup":!0}):f;return s.jsxs("div",{ref:x,className:y.cn("ember-relative ember-inline-block",L),"data-testid":A,...q,children:[T,n&&s.jsx("div",{ref:z,role:"menu",className:y.cn("ember-absolute ember-z-50","ember-bg-white dark:ember-bg-gray-900","ember-border ember-border-gray-200 dark:ember-border-gray-700","ember-rounded-lg ember-shadow-lg","ember-py-1 ember-overflow-y-auto","ember-animate-in ember-fade-in-0 ember-zoom-in-95 ember-duration-100",B[S]),style:{minWidth:C?(j=E.current)==null?void 0:j.offsetWidth:D,maxHeight:I},children:c.map((e,b)=>P(e,b))})]})};exports.Dropdown=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),h=require("../../utils/cn.cjs"),_={xs:"bear-text-xs bear-py-1 bear-px-2",sm:"bear-text-sm bear-py-1.5 bear-px-3",md:"bear-text-sm bear-py-2 bear-px-3",lg:"bear-text-base bear-py-2.5 bear-px-4",xl:"bear-text-lg bear-py-3 bear-px-5"},B={"bottom-start":"bear-top-full bear-left-0 bear-mt-1","bottom-end":"bear-top-full bear-right-0 bear-mt-1",bottom:"bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-mt-1","top-start":"bear-bottom-full bear-left-0 bear-mb-1","top-end":"bear-bottom-full bear-right-0 bear-mb-1",top:"bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-mb-1",left:"bear-right-full bear-top-0 bear-mr-1",right:"bear-left-full bear-top-0 bear-ml-1"},K=({trigger:x,items:i,open:k,defaultOpen:N=!1,placement:S="bottom-start",offset:U=4,matchWidth:C=!1,minWidth:D=150,maxHeight:I=300,size:R="md",closeOnSelect:m=!0,closeOnClickOutside:v=!0,disabled:w=!1,onOpenChange:u,className:L,testId:A,...q})=>{var j;const[M,W]=r.useState(N),[o,d]=r.useState(-1),p=r.useRef(null),z=r.useRef(null),E=r.useRef(null),g=k!==void 0,b=g?k:M,f=r.useCallback(e=>{g||W(e),u==null||u(e)},[g,u]),F=r.useCallback(()=>{w||f(!b)},[w,b,f]),l=r.useCallback(()=>{f(!1),d(-1)},[f]),y=r.useCallback(e=>{var t;e.disabled||e.divider||e.header||((t=e.onClick)==null||t.call(e),m&&!e.items&&l())},[m,l]);r.useEffect(()=>{if(!v||!b)return;const e=t=>{p.current&&!p.current.contains(t.target)&&l()};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[b,v,l]),r.useEffect(()=>{if(!b)return;const e=i.filter(a=>!a.disabled&&!a.divider&&!a.header),t=a=>{switch(a.key){case"Escape":a.preventDefault(),l();break;case"ArrowDown":a.preventDefault(),d(c=>{const s=c+1;return s>=e.length?0:s});break;case"ArrowUp":a.preventDefault(),d(c=>{const s=c-1;return s<0?e.length-1:s});break;case"Enter":case" ":a.preventDefault(),o>=0&&o<e.length&&y(e[o]);break}};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[b,i,o,l,y]),r.useEffect(()=>{b||d(-1)},[b]);const P=(e,t)=>{if(e.divider)return n.jsx("div",{className:"bear-my-1 bear-mx-2 bear-h-px bear-bg-gray-200 dark:bear-bg-gray-700",role:"separator"},e.key);if(e.header)return n.jsx("div",{className:"bear-px-3 bear-py-1.5 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider bear-text-gray-500 dark:bear-text-gray-400",children:e.label},e.key);const a=i.slice(0,t).filter(s=>!s.disabled&&!s.divider&&!s.header).length,c=o===a;return n.jsxs("button",{type:"button",role:"menuitem",disabled:e.disabled,onClick:()=>y(e),onMouseEnter:()=>d(a),className:h.cn("bear-w-full bear-flex bear-items-center bear-gap-2 bear-text-left bear-border-none bear-bg-transparent",_[R],"bear-transition-colors bear-cursor-pointer",c&&"bear-bg-gray-100 dark:bear-bg-gray-800",e.danger?"bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20":"bear-text-gray-700 dark:bear-text-gray-200 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800",e.disabled&&"bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none"),children:[e.icon&&n.jsx("span",{className:"bear-flex-shrink-0 bear-w-5 bear-h-5 bear-flex bear-items-center bear-justify-center",children:e.icon}),n.jsx("span",{className:"bear-flex-1",children:e.label}),e.trailing&&n.jsx("span",{className:"bear-flex-shrink-0 bear-text-gray-400",children:e.trailing}),e.items&&n.jsx("svg",{className:"bear-w-4 bear-h-4 bear-text-gray-400",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:n.jsx("polyline",{points:"9 18 15 12 9 6"})})]},e.key)},T=r.isValidElement(x)?r.cloneElement(x,{onClick:F,ref:E,"aria-expanded":b,"aria-haspopup":!0}):x;return n.jsxs("div",{ref:p,className:h.cn("bear-relative bear-inline-block",L),"data-testid":A,...q,children:[T,b&&n.jsx("div",{ref:z,role:"menu",className:h.cn("bear-absolute bear-z-50","bear-bg-white dark:bear-bg-gray-900","bear-border bear-border-gray-200 dark:bear-border-gray-700","bear-rounded-lg bear-shadow-lg","bear-py-1 bear-overflow-y-auto","bear-animate-in bear-fade-in-0 bear-zoom-in-95 bear-duration-100",B[S]),style:{minWidth:C?(j=E.current)==null?void 0:j.offsetWidth:D,maxHeight:I},children:i.map((e,t)=>P(e,t))})]})};exports.Dropdown=K;