@forgedevstack/bear 1.0.1 → 1.0.3

package/dist/components/Button/Button.cjs

@@ -1,57 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),t=require("../../utils/cn.cjs"),p=require("../Spinner/Spinner.cjs"),h={xs:"ember-px-2 ember-py-1 ember-text-xs ember-gap-1",sm:"ember-px-3 ember-py-1.5 ember-text-sm ember-gap-1.5",md:"ember-px-4 ember-py-2 ember-text-sm ember-gap-2",lg:"ember-px-5 ember-py-2.5 ember-text-base ember-gap-2",xl:"ember-px-6 ember-py-3 ember-text-lg ember-gap-2.5"},v={primary:`
-    ember-bg-ember-500 ember-text-white
-    hover:ember-bg-ember-600
-    focus:ember-ring-2 focus:ember-ring-ember-500/50 focus:ember-ring-offset-2
-    active:ember-bg-ember-700
-    disabled:ember-bg-ember-300 disabled:ember-cursor-not-allowed
-  `,secondary:`
-    ember-bg-forge-500 ember-text-white
-    hover:ember-bg-forge-600
-    focus:ember-ring-2 focus:ember-ring-forge-500/50 focus:ember-ring-offset-2
-    active:ember-bg-forge-700
-    disabled:ember-bg-forge-300 disabled:ember-cursor-not-allowed
-  `,success:`
-    ember-bg-green-500 ember-text-white
-    hover:ember-bg-green-600
-    focus:ember-ring-2 focus:ember-ring-green-500/50 focus:ember-ring-offset-2
-    active:ember-bg-green-700
-    disabled:ember-bg-green-300 disabled:ember-cursor-not-allowed
-  `,warning:`
-    ember-bg-yellow-500 ember-text-white
-    hover:ember-bg-yellow-600
-    focus:ember-ring-2 focus:ember-ring-yellow-500/50 focus:ember-ring-offset-2
-    active:ember-bg-yellow-700
-    disabled:ember-bg-yellow-300 disabled:ember-cursor-not-allowed
-  `,danger:`
-    ember-bg-red-500 ember-text-white
-    hover:ember-bg-red-600
-    focus:ember-ring-2 focus:ember-ring-red-500/50 focus:ember-ring-offset-2
-    active:ember-bg-red-700
-    disabled:ember-bg-red-300 disabled:ember-cursor-not-allowed
-  `,info:`
-    ember-bg-blue-500 ember-text-white
-    hover:ember-bg-blue-600
-    focus:ember-ring-2 focus:ember-ring-blue-500/50 focus:ember-ring-offset-2
-    active:ember-bg-blue-700
-    disabled:ember-bg-blue-300 disabled:ember-cursor-not-allowed
-  `,ghost:`
-    ember-bg-transparent ember-text-gray-700
-    hover:ember-bg-gray-100
-    focus:ember-ring-2 focus:ember-ring-gray-500/50
-    active:ember-bg-gray-200
-    disabled:ember-text-gray-400 disabled:ember-cursor-not-allowed
-    dark:ember-text-gray-300 dark:hover:ember-bg-gray-800 dark:active:ember-bg-gray-700
-  `,outline:`
-    ember-bg-transparent ember-text-ember-500 ember-border ember-border-ember-500
-    hover:ember-bg-ember-50
-    focus:ember-ring-2 focus:ember-ring-ember-500/50
-    active:ember-bg-ember-100
-    disabled:ember-text-ember-300 disabled:ember-border-ember-300 disabled:ember-cursor-not-allowed
-    dark:hover:ember-bg-ember-950 dark:active:ember-bg-ember-900
-  `,error:`
-    ember-bg-red-500 ember-text-white
-    hover:ember-bg-red-600
-    focus:ember-ring-2 focus:ember-ring-red-500/50 focus:ember-ring-offset-2
-    active:ember-bg-red-700
-    disabled:ember-bg-red-300 disabled:ember-cursor-not-allowed
-  `},i=x.forwardRef(({variant:o="primary",size:b="md",loading:r=!1,fullWidth:a=!1,leftIcon:m,rightIcon:s,disabled:n,className:g,children:l,testId:d,...c},u)=>{const f=n||r;return e.jsxs("button",{ref:u,disabled:f,className:t.cn("ember-inline-flex ember-items-center ember-justify-center ember-font-medium ember-rounded-lg ember-transition-all ember-duration-200 ember-outline-none",h[b],v[o],a&&"ember-w-full",r&&"ember-cursor-wait",g),"data-testid":d,...c,children:[r&&e.jsx(p.Spinner,{size:b==="xs"?"xs":"sm",className:"ember-absolute"}),e.jsxs("span",{className:t.cn("ember-inline-flex ember-items-center ember-gap-inherit",r&&"ember-invisible"),children:[m&&e.jsx("span",{className:"ember-inline-flex ember-shrink-0",children:m}),l,s&&e.jsx("span",{className:"ember-inline-flex ember-shrink-0",children:s})]})]})});i.displayName="Button";exports.Button=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),S=require("react"),i=require("../../utils/cn.cjs"),q=require("../Spinner/Spinner.cjs"),B=require("../../hooks/useBearStyles.cjs"),l=require("./Button.constants.cjs"),c=S.forwardRef(({variant:b="primary",size:r="md",loading:s=!1,fullWidth:u=!1,leftIcon:a,rightIcon:n,disabled:o,className:d,children:m,testId:x,bis:f,style:y,...j},p)=>{const h=o||s,t=B.useBearStyles(f,y);return e.jsxs("button",{ref:p,disabled:h,style:Object.keys(t).length?t:void 0,className:i.cn("bear-inline-flex bear-items-center bear-justify-center bear-font-medium bear-rounded-lg bear-transition-all bear-duration-200 bear-outline-none",l.sizeClasses[r],l.variantClasses[b],u&&"bear-w-full",s&&"bear-cursor-wait",d),"data-testid":x,...j,children:[s&&e.jsx(q.Spinner,{size:r==="xs"?"xs":"sm",className:"bear-absolute"}),e.jsxs("span",{className:i.cn("bear-inline-flex bear-items-center bear-gap-inherit",s&&"bear-invisible"),children:[a&&e.jsx("span",{className:"bear-inline-flex bear-shrink-0",children:a}),m,n&&e.jsx("span",{className:"bear-inline-flex bear-shrink-0",children:n})]})]})});c.displayName="Button";exports.Button=c;

package/dist/components/Button/Button.constants.cjs

@@ -0,0 +1,57 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={xs:"bear-px-2 bear-py-1 bear-text-xs bear-gap-1",sm:"bear-px-3 bear-py-1.5 bear-text-sm bear-gap-1.5",md:"bear-px-4 bear-py-2 bear-text-sm bear-gap-2",lg:"bear-px-5 bear-py-2.5 bear-text-base bear-gap-2",xl:"bear-px-6 bear-py-3 bear-text-lg bear-gap-2.5"},r={primary:`
+    bear-bg-bear-500 bear-text-white
+    hover:bear-bg-bear-600
+    focus:bear-ring-2 focus:bear-ring-bear-500/50 focus:bear-ring-offset-2
+    active:bear-bg-bear-700
+    disabled:bear-bg-bear-300 disabled:bear-cursor-not-allowed
+  `,secondary:`
+    bear-bg-forge-500 bear-text-white
+    hover:bear-bg-forge-600
+    focus:bear-ring-2 focus:bear-ring-forge-500/50 focus:bear-ring-offset-2
+    active:bear-bg-forge-700
+    disabled:bear-bg-forge-300 disabled:bear-cursor-not-allowed
+  `,success:`
+    bear-bg-green-500 bear-text-white
+    hover:bear-bg-green-600
+    focus:bear-ring-2 focus:bear-ring-green-500/50 focus:bear-ring-offset-2
+    active:bear-bg-green-700
+    disabled:bear-bg-green-300 disabled:bear-cursor-not-allowed
+  `,warning:`
+    bear-bg-yellow-500 bear-text-white
+    hover:bear-bg-yellow-600
+    focus:bear-ring-2 focus:bear-ring-yellow-500/50 focus:bear-ring-offset-2
+    active:bear-bg-yellow-700
+    disabled:bear-bg-yellow-300 disabled:bear-cursor-not-allowed
+  `,danger:`
+    bear-bg-red-500 bear-text-white
+    hover:bear-bg-red-600
+    focus:bear-ring-2 focus:bear-ring-red-500/50 focus:bear-ring-offset-2
+    active:bear-bg-red-700
+    disabled:bear-bg-red-300 disabled:bear-cursor-not-allowed
+  `,info:`
+    bear-bg-blue-500 bear-text-white
+    hover:bear-bg-blue-600
+    focus:bear-ring-2 focus:bear-ring-blue-500/50 focus:bear-ring-offset-2
+    active:bear-bg-blue-700
+    disabled:bear-bg-blue-300 disabled:bear-cursor-not-allowed
+  `,ghost:`
+    bear-bg-transparent bear-text-gray-700
+    hover:bear-bg-gray-100
+    focus:bear-ring-2 focus:bear-ring-gray-500/50
+    active:bear-bg-gray-200
+    disabled:bear-text-gray-400 disabled:bear-cursor-not-allowed
+    dark:bear-text-gray-300 dark:hover:bear-bg-gray-800 dark:active:bear-bg-gray-700
+  `,outline:`
+    bear-bg-transparent bear-text-bear-500 bear-border bear-border-bear-500
+    hover:bear-bg-bear-50
+    focus:bear-ring-2 focus:bear-ring-bear-500/50
+    active:bear-bg-bear-100
+    disabled:bear-text-bear-300 disabled:bear-border-bear-300 disabled:bear-cursor-not-allowed
+    dark:hover:bear-bg-bear-950 dark:active:bear-bg-bear-900
+  `,error:`
+    bear-bg-red-500 bear-text-white
+    hover:bear-bg-red-600
+    focus:bear-ring-2 focus:bear-ring-red-500/50 focus:bear-ring-offset-2
+    active:bear-bg-red-700
+    disabled:bear-bg-red-300 disabled:bear-cursor-not-allowed
+  `};exports.sizeClasses=e;exports.variantClasses=r;

package/dist/components/Button/Button.constants.d.ts

@@ -0,0 +1,3 @@
+import { EmberSize, EmberVariant } from '../../types';
+export declare const sizeClasses: Record<EmberSize, string>;
+export declare const variantClasses: Record<EmberVariant, string>;

package/dist/components/Button/Button.constants.js

@@ -0,0 +1,77 @@
+const e = {
+  xs: "bear-px-2 bear-py-1 bear-text-xs bear-gap-1",
+  sm: "bear-px-3 bear-py-1.5 bear-text-sm bear-gap-1.5",
+  md: "bear-px-4 bear-py-2 bear-text-sm bear-gap-2",
+  lg: "bear-px-5 bear-py-2.5 bear-text-base bear-gap-2",
+  xl: "bear-px-6 bear-py-3 bear-text-lg bear-gap-2.5"
+}, r = {
+  primary: `
+    bear-bg-bear-500 bear-text-white
+    hover:bear-bg-bear-600
+    focus:bear-ring-2 focus:bear-ring-bear-500/50 focus:bear-ring-offset-2
+    active:bear-bg-bear-700
+    disabled:bear-bg-bear-300 disabled:bear-cursor-not-allowed
+  `,
+  secondary: `
+    bear-bg-forge-500 bear-text-white
+    hover:bear-bg-forge-600
+    focus:bear-ring-2 focus:bear-ring-forge-500/50 focus:bear-ring-offset-2
+    active:bear-bg-forge-700
+    disabled:bear-bg-forge-300 disabled:bear-cursor-not-allowed
+  `,
+  success: `
+    bear-bg-green-500 bear-text-white
+    hover:bear-bg-green-600
+    focus:bear-ring-2 focus:bear-ring-green-500/50 focus:bear-ring-offset-2
+    active:bear-bg-green-700
+    disabled:bear-bg-green-300 disabled:bear-cursor-not-allowed
+  `,
+  warning: `
+    bear-bg-yellow-500 bear-text-white
+    hover:bear-bg-yellow-600
+    focus:bear-ring-2 focus:bear-ring-yellow-500/50 focus:bear-ring-offset-2
+    active:bear-bg-yellow-700
+    disabled:bear-bg-yellow-300 disabled:bear-cursor-not-allowed
+  `,
+  danger: `
+    bear-bg-red-500 bear-text-white
+    hover:bear-bg-red-600
+    focus:bear-ring-2 focus:bear-ring-red-500/50 focus:bear-ring-offset-2
+    active:bear-bg-red-700
+    disabled:bear-bg-red-300 disabled:bear-cursor-not-allowed
+  `,
+  info: `
+    bear-bg-blue-500 bear-text-white
+    hover:bear-bg-blue-600
+    focus:bear-ring-2 focus:bear-ring-blue-500/50 focus:bear-ring-offset-2
+    active:bear-bg-blue-700
+    disabled:bear-bg-blue-300 disabled:bear-cursor-not-allowed
+  `,
+  ghost: `
+    bear-bg-transparent bear-text-gray-700
+    hover:bear-bg-gray-100
+    focus:bear-ring-2 focus:bear-ring-gray-500/50
+    active:bear-bg-gray-200
+    disabled:bear-text-gray-400 disabled:bear-cursor-not-allowed
+    dark:bear-text-gray-300 dark:hover:bear-bg-gray-800 dark:active:bear-bg-gray-700
+  `,
+  outline: `
+    bear-bg-transparent bear-text-bear-500 bear-border bear-border-bear-500
+    hover:bear-bg-bear-50
+    focus:bear-ring-2 focus:bear-ring-bear-500/50
+    active:bear-bg-bear-100
+    disabled:bear-text-bear-300 disabled:bear-border-bear-300 disabled:bear-cursor-not-allowed
+    dark:hover:bear-bg-bear-950 dark:active:bear-bg-bear-900
+  `,
+  error: `
+    bear-bg-red-500 bear-text-white
+    hover:bear-bg-red-600
+    focus:bear-ring-2 focus:bear-ring-red-500/50 focus:bear-ring-offset-2
+    active:bear-bg-red-700
+    disabled:bear-bg-red-300 disabled:bear-cursor-not-allowed
+  `
+};
+export {
+  e as sizeClasses,
+  r as variantClasses
+};

package/dist/components/Button/Button.js

@@ -1,125 +1,61 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import { cn as t } from "../../utils/cn.js";
-import { Spinner as x } from "../Spinner/Spinner.js";
-const p = {
-  xs: "ember-px-2 ember-py-1 ember-text-xs ember-gap-1",
-  sm: "ember-px-3 ember-py-1.5 ember-text-sm ember-gap-1.5",
-  md: "ember-px-4 ember-py-2 ember-text-sm ember-gap-2",
-  lg: "ember-px-5 ember-py-2.5 ember-text-base ember-gap-2",
-  xl: "ember-px-6 ember-py-3 ember-text-lg ember-gap-2.5"
-}, h = {
-  primary: `
-    ember-bg-ember-500 ember-text-white
-    hover:ember-bg-ember-600
-    focus:ember-ring-2 focus:ember-ring-ember-500/50 focus:ember-ring-offset-2
-    active:ember-bg-ember-700
-    disabled:ember-bg-ember-300 disabled:ember-cursor-not-allowed
-  `,
-  secondary: `
-    ember-bg-forge-500 ember-text-white
-    hover:ember-bg-forge-600
-    focus:ember-ring-2 focus:ember-ring-forge-500/50 focus:ember-ring-offset-2
-    active:ember-bg-forge-700
-    disabled:ember-bg-forge-300 disabled:ember-cursor-not-allowed
-  `,
-  success: `
-    ember-bg-green-500 ember-text-white
-    hover:ember-bg-green-600
-    focus:ember-ring-2 focus:ember-ring-green-500/50 focus:ember-ring-offset-2
-    active:ember-bg-green-700
-    disabled:ember-bg-green-300 disabled:ember-cursor-not-allowed
-  `,
-  warning: `
-    ember-bg-yellow-500 ember-text-white
-    hover:ember-bg-yellow-600
-    focus:ember-ring-2 focus:ember-ring-yellow-500/50 focus:ember-ring-offset-2
-    active:ember-bg-yellow-700
-    disabled:ember-bg-yellow-300 disabled:ember-cursor-not-allowed
-  `,
-  danger: `
-    ember-bg-red-500 ember-text-white
-    hover:ember-bg-red-600
-    focus:ember-ring-2 focus:ember-ring-red-500/50 focus:ember-ring-offset-2
-    active:ember-bg-red-700
-    disabled:ember-bg-red-300 disabled:ember-cursor-not-allowed
-  `,
-  info: `
-    ember-bg-blue-500 ember-text-white
-    hover:ember-bg-blue-600
-    focus:ember-ring-2 focus:ember-ring-blue-500/50 focus:ember-ring-offset-2
-    active:ember-bg-blue-700
-    disabled:ember-bg-blue-300 disabled:ember-cursor-not-allowed
-  `,
-  ghost: `
-    ember-bg-transparent ember-text-gray-700
-    hover:ember-bg-gray-100
-    focus:ember-ring-2 focus:ember-ring-gray-500/50
-    active:ember-bg-gray-200
-    disabled:ember-text-gray-400 disabled:ember-cursor-not-allowed
-    dark:ember-text-gray-300 dark:hover:ember-bg-gray-800 dark:active:ember-bg-gray-700
-  `,
-  outline: `
-    ember-bg-transparent ember-text-ember-500 ember-border ember-border-ember-500
-    hover:ember-bg-ember-50
-    focus:ember-ring-2 focus:ember-ring-ember-500/50
-    active:ember-bg-ember-100
-    disabled:ember-text-ember-300 disabled:ember-border-ember-300 disabled:ember-cursor-not-allowed
-    dark:hover:ember-bg-ember-950 dark:active:ember-bg-ember-900
-  `,
-  error: `
-    ember-bg-red-500 ember-text-white
-    hover:ember-bg-red-600
-    focus:ember-ring-2 focus:ember-ring-red-500/50 focus:ember-ring-offset-2
-    active:ember-bg-red-700
-    disabled:ember-bg-red-300 disabled:ember-cursor-not-allowed
-  `
-}, w = u(
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+import { cn as l } from "../../utils/cn.js";
+import { Spinner as j } from "../Spinner/Spinner.js";
+import { useBearStyles as k } from "../../hooks/useBearStyles.js";
+import { variantClasses as v, sizeClasses as w } from "./Button.constants.js";
+const B = N(
   ({
-    variant: i = "primary",
-    size: b = "md",
+    variant: m = "primary",
+    size: a = "md",
     loading: e = !1,
-    fullWidth: a = !1,
-    leftIcon: m,
-    rightIcon: s,
-    disabled: g,
-    className: n,
-    children: l,
+    fullWidth: b = !1,
+    leftIcon: s,
+    rightIcon: i,
+    disabled: o,
+    className: c,
+    children: f,
     testId: d,
-    ...c
-  }, f) => /* @__PURE__ */ o(
-    "button",
-    {
-      ref: f,
-      disabled: g || e,
-      className: t(
-        // Base styles
-        "ember-inline-flex ember-items-center ember-justify-center ember-font-medium ember-rounded-lg ember-transition-all ember-duration-200 ember-outline-none",
-        // Size
-        p[b],
-        // Variant
-        h[i],
-        // Full width
-        a && "ember-w-full",
-        // Loading
-        e && "ember-cursor-wait",
-        // Custom className
-        n
-      ),
-      "data-testid": d,
-      ...c,
-      children: [
-        e && /* @__PURE__ */ r(x, { size: b === "xs" ? "xs" : "sm", className: "ember-absolute" }),
-        /* @__PURE__ */ o("span", { className: t("ember-inline-flex ember-items-center ember-gap-inherit", e && "ember-invisible"), children: [
-          m && /* @__PURE__ */ r("span", { className: "ember-inline-flex ember-shrink-0", children: m }),
-          l,
-          s && /* @__PURE__ */ r("span", { className: "ember-inline-flex ember-shrink-0", children: s })
-        ] })
-      ]
-    }
-  )
+    bis: p,
+    style: u,
+    ...x
+  }, h) => {
+    const y = o || e, t = k(p, u);
+    return /* @__PURE__ */ n(
+      "button",
+      {
+        ref: h,
+        disabled: y,
+        style: Object.keys(t).length ? t : void 0,
+        className: l(
+          // Base styles
+          "bear-inline-flex bear-items-center bear-justify-center bear-font-medium bear-rounded-lg bear-transition-all bear-duration-200 bear-outline-none",
+          // Size
+          w[a],
+          // Variant
+          v[m],
+          // Full width
+          b && "bear-w-full",
+          // Loading
+          e && "bear-cursor-wait",
+          // Custom className
+          c
+        ),
+        "data-testid": d,
+        ...x,
+        children: [
+          e && /* @__PURE__ */ r(j, { size: a === "xs" ? "xs" : "sm", className: "bear-absolute" }),
+          /* @__PURE__ */ n("span", { className: l("bear-inline-flex bear-items-center bear-gap-inherit", e && "bear-invisible"), children: [
+            s && /* @__PURE__ */ r("span", { className: "bear-inline-flex bear-shrink-0", children: s }),
+            f,
+            i && /* @__PURE__ */ r("span", { className: "bear-inline-flex bear-shrink-0", children: i })
+          ] })
+        ]
+      }
+    );
+  }
 );
-w.displayName = "Button";
+B.displayName = "Button";
 export {
-  w as Button
+  B as Button
 };

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

@@ -1,6 +1,7 @@
 import { ButtonHTMLAttributes, ReactNode } from 'react';
 import { EmberSize, EmberVariant } from '../../types';
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+import { BisProp } from '../../types/bis.types';
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {
     /** Button variant style */
     variant?: EmberVariant;
     /** Button size */
@@ -15,4 +16,8 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     rightIcon?: ReactNode;
     /** Test ID for testing */
     testId?: string;
+    /** Bear Inner Style - sx-like overrides */
+    bis?: BisProp;
+    /** Inline styles */
+    style?: React.CSSProperties;
 }

package/dist/components/ButtonGroup/ButtonGroup.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react/jsx-runtime"),l=require("react"),u=require("../../utils/cn.cjs"),q=({children:c,size:b="md",variant:f="primary",orientation:p="horizontal",disabled:x=!1,fullWidth:i=!1,className:g,testId:y,...C})=>{const o=p==="horizontal",a=l.Children.toArray(c),h=a.map((r,d)=>{if(!l.isValidElement(r))return r;const n=d===0,s=d===a.length-1,m=!n&&!s;let e="";o?n?e="ember-rounded-r-none":s?e="ember-rounded-l-none":m&&(e="ember-rounded-none"):n?e="ember-rounded-b-none":s?e="ember-rounded-t-none":m&&(e="ember-rounded-none");let t="";return o&&!n?t="ember--ml-px":!o&&!n&&(t="ember--mt-px"),l.cloneElement(r,{size:b,variant:f,disabled:x||r.props.disabled,className:u.cn(e,t,i&&"ember-flex-1",r.props.className)})});return j.jsx("div",{role:"group",className:u.cn("ember-inline-flex",o?"ember-flex-row":"ember-flex-col",i&&"ember-w-full",g),"data-testid":y,...C,children:h})};exports.ButtonGroup=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react/jsx-runtime"),t=require("react"),c=require("../../utils/cn.cjs"),q=({children:b,size:f="md",variant:m="primary",orientation:p="horizontal",disabled:x=!1,fullWidth:l=!1,className:g,testId:y,...C})=>{const o=p==="horizontal",i=t.Children.toArray(b),h=i.map((r,d)=>{if(!t.isValidElement(r))return r;const n=d===0,s=d===i.length-1,u=!n&&!s;let e="";o?n?e="bear-rounded-r-none":s?e="bear-rounded-l-none":u&&(e="bear-rounded-none"):n?e="bear-rounded-b-none":s?e="bear-rounded-t-none":u&&(e="bear-rounded-none");let a="";return o&&!n?a="bear--ml-px":!o&&!n&&(a="bear--mt-px"),t.cloneElement(r,{size:f,variant:m,disabled:x||r.props.disabled,className:c.cn(e,a,l&&"bear-flex-1",r.props.className)})});return j.jsx("div",{role:"group",className:c.cn("bear-inline-flex",o?"bear-flex-row":"bear-flex-col",l&&"bear-w-full",g),"data-testid":y,...C,children:h})};exports.ButtonGroup=q;

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -1,31 +1,31 @@
 import { jsx as y } from "react/jsx-runtime";
 import { Children as z, isValidElement as N, cloneElement as w } from "react";
-import { cn as d } from "../../utils/cn.js";
+import { cn as f } from "../../utils/cn.js";
 const v = ({
-  children: f,
-  size: b = "md",
+  children: b,
+  size: m = "md",
   variant: p = "primary",
   orientation: u = "horizontal",
   disabled: c = !1,
-  fullWidth: i = !1,
+  fullWidth: l = !1,
   className: x,
   testId: C,
   ...g
 }) => {
-  const o = u === "horizontal", t = z.toArray(f), h = t.map((r, m) => {
+  const o = u === "horizontal", i = z.toArray(b), h = i.map((r, t) => {
     if (!N(r)) return r;
-    const n = m === 0, s = m === t.length - 1, a = !n && !s;
+    const n = t === 0, a = t === i.length - 1, d = !n && !a;
     let e = "";
-    o ? n ? e = "ember-rounded-r-none" : s ? e = "ember-rounded-l-none" : a && (e = "ember-rounded-none") : n ? e = "ember-rounded-b-none" : s ? e = "ember-rounded-t-none" : a && (e = "ember-rounded-none");
-    let l = "";
-    return o && !n ? l = "ember--ml-px" : !o && !n && (l = "ember--mt-px"), w(r, {
-      size: b,
+    o ? n ? e = "bear-rounded-r-none" : a ? e = "bear-rounded-l-none" : d && (e = "bear-rounded-none") : n ? e = "bear-rounded-b-none" : a ? e = "bear-rounded-t-none" : d && (e = "bear-rounded-none");
+    let s = "";
+    return o && !n ? s = "bear--ml-px" : !o && !n && (s = "bear--mt-px"), w(r, {
+      size: m,
       variant: p,
       disabled: c || r.props.disabled,
-      className: d(
+      className: f(
         e,
-        l,
-        i && "ember-flex-1",
+        s,
+        l && "bear-flex-1",
         r.props.className
       )
     });
@@ -34,10 +34,10 @@ const v = ({
     "div",
     {
       role: "group",
-      className: d(
-        "ember-inline-flex",
-        o ? "ember-flex-row" : "ember-flex-col",
-        i && "ember-w-full",
+      className: f(
+        "bear-inline-flex",
+        o ? "bear-flex-row" : "bear-flex-col",
+        l && "bear-w-full",
         x
       ),
       "data-testid": C,

package/dist/components/Calendar/Calendar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),P=require("../../utils/cn.cjs"),le=require("../../hooks/useBearStyles.cjs"),y=require("../Icon/index.cjs"),a=require("./Calendar.const.cjs"),u=require("./Calendar.utils.cjs"),ue=({month:h,year:m})=>e.jsxs("span",{className:"font-semibold text-sm select-none",children:[h," ",m]}),xe=({viewDate:h,value:m=null,onSelect:p,onViewChange:c,minDate:j,maxDate:g,disabledDates:S=[],highlightedDates:D=[],weekdayLabels:U=a.DEFAULT_WEEKDAYS,firstDayOfWeek:N=a.NUMBER.ZERO,showWeekNumbers:be=!1,slots:t={},clearable:T=!0,onClear:x,showTodayButton:A=!0,onToday:b,bis:G,style:w,inline:K=!1,className:Z})=>{const o=h.getFullYear(),Y=le.useBearStyles(G,w),i=h.getMonth(),J=d.useMemo(()=>new Date,[]),f=d.useCallback(()=>{c==null||c(new Date(o-a.NUMBER.ONE,i,a.NUMBER.ONE))},[o,i,c]),O=d.useCallback(()=>{c==null||c(new Date(o,i-a.NUMBER.ONE,a.NUMBER.ONE))},[o,i,c]),L=d.useCallback(()=>{c==null||c(new Date(o,i+a.NUMBER.ONE,a.NUMBER.ONE))},[o,i,c]),E=d.useCallback(()=>{c==null||c(new Date(o+a.NUMBER.ONE,i,a.NUMBER.ONE))},[o,i,c]),M=O,B=L,Q={onPrevYear:f,onPrevMonth:O,onNextMonth:L,onNextYear:E},X=d.useCallback(n=>j&&n<j||g&&n>g?!0:S.some(r=>u.isSameDay(r,n)),[j,g,S]),$=d.useCallback(n=>D.some(r=>u.isSameDay(r,n)),[D]),V=d.useMemo(()=>u.buildCalendarGrid(o,i,N),[o,i,N]),q=d.useMemo(()=>u.reorderWeekdays(U,N),[U,N]),W=a.MONTHS[i],R=m!=null,ee=K?"block w-full bg-white dark:bg-gray-900 rounded-xl shadow-none border border-zinc-200 dark:border-zinc-700 p-4 text-zinc-900 dark:text-zinc-100":"absolute z-50 mt-2 bg-white dark:bg-gray-900 rounded-xl shadow-xl border border-zinc-200 dark:border-zinc-700 p-4 w-80 text-zinc-900 dark:text-zinc-100",te=()=>{if(t.header)return t.header({month:W,year:o,onPrev:M,onNext:B,nav:Q});const n=t.navPrevYear,r=t.navPrev,s=t.navNext,l=t.navNextYear,v=t.headerLabel||ue;return e.jsxs("div",{className:"flex items-center justify-between gap-1 mb-4",children:[e.jsxs("div",{className:"flex items-center gap-0.5",children:[n?n({onClick:f}):e.jsx("button",{type:"button",onClick:f,className:"p-1.5 rounded text-zinc-500 dark:text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors","aria-label":"Previous year",children:e.jsx(y.ChevronsLeftIcon,{size:16})}),r?r({onClick:M}):e.jsx("button",{type:"button",onClick:M,className:"p-1.5 rounded text-zinc-500 dark:text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors","aria-label":"Previous month",children:e.jsx(y.ChevronLeftIcon,{size:16})})]}),v({month:W,year:o}),e.jsxs("div",{className:"flex items-center gap-0.5",children:[s?s({onClick:B}):e.jsx("button",{type:"button",onClick:B,className:"p-1.5 rounded text-zinc-500 dark:text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors","aria-label":"Next month",children:e.jsx(y.ChevronRightIcon,{size:16})}),l?l({onClick:E}):e.jsx("button",{type:"button",onClick:E,className:"p-1.5 rounded text-zinc-500 dark:text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors","aria-label":"Next year",children:e.jsx(y.ChevronsRightIcon,{size:16})})]})]})},re=()=>{if(t.weekdays)return t.weekdays({days:q});const n=t.weekday;return e.jsx("div",{className:"grid grid-cols-7 gap-1 mb-2",children:q.map(r=>n?e.jsx("div",{children:n({label:r})},r):e.jsx("div",{className:P.cn("text-center text-xs font-medium uppercase",a.WEEKEND_LABELS.includes(r)&&"text-red-500"),children:r},r))})},ne=(n,r)=>{const{date:s,isCurrentMonth:l}=n,v=s.getDate(),ae=s.getDay(),ie=u.isWeekendDay(ae),k=u.isSameDay(m,s),C=u.isSameDay(J,s),z=X(s),F=$(s),I=()=>{z||p==null||p(s)},de={date:s,day:v,isCurrentMonth:l,isSelected:k,isToday:C,isDisabled:z,isHighlighted:F,onClick:I};return t.day?e.jsx("span",{children:t.day(de)},r):e.jsx("button",{type:"button",onClick:I,disabled:z,className:P.cn("w-8 h-8 rounded-full text-sm font-medium transition-colors flex items-center justify-center",k&&"bg-pink-500 text-white hover:bg-pink-600",!k&&C&&"ring-2 ring-pink-500/50 bg-transparent",!k&&!C&&(l?ie?"text-red-500 dark:text-red-400 hover:bg-zinc-100 dark:hover:bg-zinc-800":"text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-800":"text-zinc-400 dark:text-zinc-600 hover:bg-zinc-50 dark:hover:bg-zinc-800/50"),F&&!k&&"bg-pink-500/15",z&&"opacity-40 cursor-not-allowed"),children:v},r)},ce=()=>{const n=V.map((r,s)=>ne(r,s));return t.daysGrid?t.daysGrid({children:n,className:"grid grid-cols-7 gap-1"}):e.jsx("div",{className:"grid grid-cols-7 gap-1",children:n})},se=()=>{const n=T&&R&&x,r=A&&b;if(!n&&!r)return null;if(t.footer){const s=t.clearButton,l=t.todayButton;return t.footer({children:e.jsxs("div",{className:"flex justify-between gap-2 mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-700",children:[n&&s?s({onClick:x,hasSelection:R}):n?e.jsx("button",{type:"button",onClick:x,className:"text-sm text-zinc-500 dark:text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-200",children:"Clear"}):e.jsx("span",{}),r&&l?l({onClick:b}):r?e.jsx("button",{type:"button",onClick:b,className:"text-sm text-pink-600 hover:text-pink-700 font-medium",children:"Today"}):null]})})}return t.clearButton&&t.todayButton?e.jsxs("div",{className:"flex justify-between gap-2 mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-700",children:[n&&t.clearButton({onClick:x,hasSelection:R}),r&&t.todayButton({onClick:b})]}):e.jsxs("div",{className:"flex justify-between gap-2 mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-700",children:[n?e.jsx("button",{type:"button",onClick:x,className:"text-sm text-zinc-500 dark:text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-200 transition-colors",children:"Clear"}):e.jsx("span",{}),r?e.jsx("button",{type:"button",onClick:b,className:"text-sm text-pink-600 dark:text-pink-400 hover:text-pink-700 dark:hover:text-pink-300 font-medium transition-colors",children:"Today"}):null]})},H=e.jsxs(e.Fragment,{children:[te(),re(),ce(),se()]}),_=P.cn(ee,Z),oe=Object.keys(Y).length?Y:void 0;return t.root?t.root({children:H,className:_}):e.jsx("div",{className:_,style:oe,children:H})};exports.Calendar=xe;

package/dist/components/Calendar/Calendar.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E={ZERO:0,ONE:1,SIX:6,SEVEN:7,ELEVEN:11,TOTAL_CELLS:42},e=["SUN","MON","TUE","WED","THU","FRI","SAT"],S=["January","February","March","April","May","June","July","August","September","October","November","December"],t=["SUN","SAT","Sun","Sat"];exports.DEFAULT_WEEKDAYS=e;exports.MONTHS=S;exports.NUMBER=E;exports.WEEKEND_LABELS=t;

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

@@ -0,0 +1,18 @@
+/**
+ * Calendar Component Constants
+ */
+export declare const NUMBER: {
+    readonly ZERO: 0;
+    readonly ONE: 1;
+    readonly SIX: 6;
+    readonly SEVEN: 7;
+    readonly ELEVEN: 11;
+    readonly TOTAL_CELLS: 42;
+};
+export declare const DEFAULT_WEEKDAYS: readonly ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"];
+export declare const MONTHS: readonly ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+export declare const WEEKEND: {
+    readonly SUNDAY: 0;
+    readonly SATURDAY: 6;
+};
+export declare const WEEKEND_LABELS: readonly ["SUN", "SAT", "Sun", "Sat"];

package/dist/components/Calendar/Calendar.const.js

@@ -0,0 +1,27 @@
+const E = {
+  ZERO: 0,
+  ONE: 1,
+  SIX: 6,
+  SEVEN: 7,
+  ELEVEN: 11,
+  TOTAL_CELLS: 42
+}, S = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"], e = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+], r = ["SUN", "SAT", "Sun", "Sat"];
+export {
+  S as DEFAULT_WEEKDAYS,
+  e as MONTHS,
+  E as NUMBER,
+  r as WEEKEND_LABELS
+};

package/dist/components/Calendar/Calendar.d.ts

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