@forgedevstack/bear 1.0.0

package/dist/components/Paper/Paper.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),p=require("react"),f=require("../../utils/cn.cjs"),y={0:"",1:"ember-shadow-sm",2:"ember-shadow",3:"ember-shadow-md",4:"ember-shadow-lg",5:"ember-shadow-xl"},w={none:"ember-rounded-none",sm:"ember-rounded-sm",md:"ember-rounded-md",lg:"ember-rounded-lg",xl:"ember-rounded-xl",full:"ember-rounded-full"},A={none:"",sm:"ember-p-2",md:"ember-p-4",lg:"ember-p-6"},m={default:"ember-bg-white dark:ember-bg-gray-900",paper:"ember-bg-gray-50 dark:ember-bg-gray-800",transparent:"ember-bg-transparent"},o=p.forwardRef(({elevation:n=1,rounded:a="md",variant:r="elevation",fullWidth:s=!1,padding:t="none",background:e="default",children:b,className:l,style:u,testId:g,...c},i)=>{const d=e&&!m[e];return S.jsx("div",{ref:i,className:f.cn(w[a],A[t],!d&&m[e],r==="elevation"&&y[n],r==="outlined"&&"ember-border ember-border-gray-200 dark:ember-border-gray-700",s&&"ember-w-full",l),style:{...u,...d&&{backgroundColor:e}},"data-testid":g,...c,children:b})});o.displayName="Paper";exports.Paper=o;

package/dist/components/Paper/Paper.d.ts

@@ -0,0 +1,17 @@
+import { PaperProps } from './Paper.types';
+/**
+ * Paper component as a surface container
+ *
+ * @example
+ * ```tsx
+ * <Paper elevation={2} padding="md">
+ *   Content goes here
+ * </Paper>
+ *
+ * <Paper variant="outlined" rounded="lg">
+ *   Outlined paper
+ * </Paper>
+ * ```
+ */
+export declare const Paper: import('react').ForwardRefExoticComponent<PaperProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Paper;

package/dist/components/Paper/Paper.js

@@ -0,0 +1,67 @@
+import { jsx as S } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { cn as i } from "../../utils/cn.js";
+const w = {
+  0: "",
+  1: "ember-shadow-sm",
+  2: "ember-shadow",
+  3: "ember-shadow-md",
+  4: "ember-shadow-lg",
+  5: "ember-shadow-xl"
+}, c = {
+  none: "ember-rounded-none",
+  sm: "ember-rounded-sm",
+  md: "ember-rounded-md",
+  lg: "ember-rounded-lg",
+  xl: "ember-rounded-xl",
+  full: "ember-rounded-full"
+}, y = {
+  none: "",
+  sm: "ember-p-2",
+  md: "ember-p-4",
+  lg: "ember-p-6"
+}, o = {
+  default: "ember-bg-white dark:ember-bg-gray-900",
+  paper: "ember-bg-gray-50 dark:ember-bg-gray-800",
+  transparent: "ember-bg-transparent"
+}, A = f(({
+  elevation: d = 1,
+  rounded: a = "md",
+  variant: r = "elevation",
+  fullWidth: b = !1,
+  padding: n = "none",
+  background: e = "default",
+  children: s,
+  className: t,
+  style: l,
+  testId: p,
+  ...g
+}, u) => {
+  const m = e && !o[e];
+  return /* @__PURE__ */ S(
+    "div",
+    {
+      ref: u,
+      className: i(
+        c[a],
+        y[n],
+        !m && o[e],
+        r === "elevation" && w[d],
+        r === "outlined" && "ember-border ember-border-gray-200 dark:ember-border-gray-700",
+        b && "ember-w-full",
+        t
+      ),
+      style: {
+        ...l,
+        ...m && { backgroundColor: e }
+      },
+      "data-testid": p,
+      ...g,
+      children: s
+    }
+  );
+});
+A.displayName = "Paper";
+export {
+  A as Paper
+};

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

@@ -0,0 +1,19 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface PaperProps extends HTMLAttributes<HTMLDivElement> {
+    /** Elevation level (shadow depth) */
+    elevation?: 0 | 1 | 2 | 3 | 4 | 5;
+    /** Border radius variant */
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    /** Paper variant */
+    variant?: 'elevation' | 'outlined';
+    /** Whether paper should fill parent width */
+    fullWidth?: boolean;
+    /** Padding size */
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+    /** Background color */
+    background?: 'default' | 'paper' | 'transparent' | string;
+    /** Content */
+    children?: ReactNode;
+    /** Test ID */
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Paper, default } from './Paper';
+export type { PaperProps } from './Paper.types';

package/dist/components/Popover/Popover.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("react"),u=require("../../utils/cn.cjs"),S=({children:p,content:v,placement:b="bottom",trigger:l="click",open:c,onOpenChange:o,className:h,contentClassName:y,arrow:x=!0,closeOnClickOutside:f=!0,closeOnEscape:d=!0,offset:m=8})=>{const[g,k]=a.useState(!1),s=a.useRef(null),E=a.useRef(null),t=c!==void 0?c:g,r=a.useCallback(e=>{k(e),o==null||o(e)},[o]);a.useEffect(()=>{if(!f)return;const e=i=>{s.current&&!s.current.contains(i.target)&&r(!1)};return t&&document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[t,f,r]),a.useEffect(()=>{if(!d)return;const e=i=>{i.key==="Escape"&&r(!1)};return t&&document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[t,d,r]);const w=()=>{l==="click"&&r(!t)},z=()=>{l==="hover"&&r(!0)},j=()=>{l==="hover"&&r(!1)},L={top:"bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-mb-2","top-start":"bear-bottom-full bear-left-0 bear-mb-2","top-end":"bear-bottom-full bear-right-0 bear-mb-2",bottom:"bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-mt-2","bottom-start":"bear-top-full bear-left-0 bear-mt-2","bottom-end":"bear-top-full bear-right-0 bear-mt-2",left:"bear-right-full bear-top-1/2 -bear-translate-y-1/2 bear-mr-2","left-start":"bear-right-full bear-top-0 bear-mr-2","left-end":"bear-right-full bear-bottom-0 bear-mr-2",right:"bear-left-full bear-top-1/2 -bear-translate-y-1/2 bear-ml-2","right-start":"bear-left-full bear-top-0 bear-ml-2","right-end":"bear-left-full bear-bottom-0 bear-ml-2"},R={top:"bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-border-t-zinc-700 bear-border-x-transparent bear-border-b-transparent",bottom:"bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-border-b-zinc-700 bear-border-x-transparent bear-border-t-transparent",left:"bear-left-full bear-top-1/2 -bear-translate-y-1/2 bear-border-l-zinc-700 bear-border-y-transparent bear-border-r-transparent",right:"bear-right-full bear-top-1/2 -bear-translate-y-1/2 bear-border-r-zinc-700 bear-border-y-transparent bear-border-l-transparent"},M=b.split("-")[0];return n.jsxs("div",{ref:s,className:u.cn("bear-relative bear-inline-block",h),onMouseEnter:z,onMouseLeave:j,children:[n.jsx("div",{onClick:w,className:"bear-cursor-pointer",children:p}),t&&n.jsxs("div",{ref:E,className:u.cn("bear-absolute bear-z-50 bear-bg-zinc-800 bear-border bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-3",L[b],y),style:{marginTop:b.startsWith("bottom")?m:void 0,marginBottom:b.startsWith("top")?m:void 0},children:[v,x&&n.jsx("div",{className:u.cn("bear-absolute bear-w-0 bear-h-0 bear-border-8",R[M])})]})]})};exports.Popover=S;

package/dist/components/Popover/Popover.d.ts

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

package/dist/components/Popover/Popover.js

@@ -0,0 +1,93 @@
+import { jsxs as c, jsx as m } from "react/jsx-runtime";
+import { useState as I, useRef as p, useCallback as T, useEffect as h } from "react";
+import { cn as s } from "../../utils/cn.js";
+const P = ({
+  children: v,
+  content: y,
+  placement: a = "bottom",
+  trigger: o = "click",
+  open: i,
+  onOpenChange: b,
+  className: x,
+  contentClassName: k,
+  arrow: g = !0,
+  closeOnClickOutside: f = !0,
+  closeOnEscape: d = !0,
+  offset: u = 8
+}) => {
+  const [w, E] = I(!1), l = p(null), z = p(null), t = i !== void 0 ? i : w, r = T((e) => {
+    E(e), b == null || b(e);
+  }, [b]);
+  h(() => {
+    if (!f) return;
+    const e = (n) => {
+      l.current && !l.current.contains(n.target) && r(!1);
+    };
+    return t && document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [t, f, r]), h(() => {
+    if (!d) return;
+    const e = (n) => {
+      n.key === "Escape" && r(!1);
+    };
+    return t && document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  }, [t, d, r]);
+  const L = () => {
+    o === "click" && r(!t);
+  }, M = () => {
+    o === "hover" && r(!0);
+  }, N = () => {
+    o === "hover" && r(!1);
+  }, R = {
+    top: "bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-mb-2",
+    "top-start": "bear-bottom-full bear-left-0 bear-mb-2",
+    "top-end": "bear-bottom-full bear-right-0 bear-mb-2",
+    bottom: "bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-mt-2",
+    "bottom-start": "bear-top-full bear-left-0 bear-mt-2",
+    "bottom-end": "bear-top-full bear-right-0 bear-mt-2",
+    left: "bear-right-full bear-top-1/2 -bear-translate-y-1/2 bear-mr-2",
+    "left-start": "bear-right-full bear-top-0 bear-mr-2",
+    "left-end": "bear-right-full bear-bottom-0 bear-mr-2",
+    right: "bear-left-full bear-top-1/2 -bear-translate-y-1/2 bear-ml-2",
+    "right-start": "bear-left-full bear-top-0 bear-ml-2",
+    "right-end": "bear-left-full bear-bottom-0 bear-ml-2"
+  }, S = {
+    top: "bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-border-t-zinc-700 bear-border-x-transparent bear-border-b-transparent",
+    bottom: "bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-border-b-zinc-700 bear-border-x-transparent bear-border-t-transparent",
+    left: "bear-left-full bear-top-1/2 -bear-translate-y-1/2 bear-border-l-zinc-700 bear-border-y-transparent bear-border-r-transparent",
+    right: "bear-right-full bear-top-1/2 -bear-translate-y-1/2 bear-border-r-zinc-700 bear-border-y-transparent bear-border-l-transparent"
+  }, j = a.split("-")[0];
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ref: l,
+      className: s("bear-relative bear-inline-block", x),
+      onMouseEnter: M,
+      onMouseLeave: N,
+      children: [
+        /* @__PURE__ */ m("div", { onClick: L, className: "bear-cursor-pointer", children: v }),
+        t && /* @__PURE__ */ c(
+          "div",
+          {
+            ref: z,
+            className: s(
+              "bear-absolute bear-z-50 bear-bg-zinc-800 bear-border bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-3",
+              R[a],
+              k
+            ),
+            style: { marginTop: a.startsWith("bottom") ? u : void 0, marginBottom: a.startsWith("top") ? u : void 0 },
+            children: [
+              y,
+              g && /* @__PURE__ */ m("div", { className: s(
+                "bear-absolute bear-w-0 bear-h-0 bear-border-8",
+                S[j]
+              ) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  P as Popover
+};

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

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+export type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
+export interface PopoverProps {
+    children: ReactNode;
+    content: ReactNode;
+    placement?: PopoverPlacement;
+    trigger?: 'click' | 'hover';
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    contentClassName?: string;
+    arrow?: boolean;
+    closeOnClickOutside?: boolean;
+    closeOnEscape?: boolean;
+    offset?: number;
+}

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

@@ -0,0 +1,2 @@
+export { Popover } from './Popover';
+export type { PopoverProps, PopoverPlacement } from './Popover.types';

package/dist/components/Progress/Progress.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../utils/cn.cjs"),m={sm:"bear-h-1.5",md:"bear-h-2.5",lg:"bear-h-4"},f={default:"bear-bg-pink-500",success:"bear-bg-green-500",warning:"bear-bg-yellow-500",danger:"bear-bg-red-500",info:"bear-bg-blue-500"},x=({value:n,max:b=100,size:l="md",color:o="default",showLabel:i=!1,labelPosition:d="outside",striped:r=!1,animated:c=!1,indeterminate:a=!1,className:g,testId:u})=>{const s=Math.min(100,Math.max(0,n/b*100));return e.jsxs("div",{className:t.cn("bear-w-full",g),"data-testid":u,children:[i&&d==="outside"&&e.jsxs("div",{className:"bear-flex bear-justify-between bear-mb-1",children:[e.jsx("span",{className:"bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200",children:"Progress"}),e.jsxs("span",{className:"bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200",children:[Math.round(s),"%"]})]}),e.jsx("div",{className:t.cn("bear-w-full bear-bg-gray-200 dark:bear-bg-gray-700 bear-rounded-full bear-overflow-hidden",m[l]),children:e.jsx("div",{className:t.cn("bear-h-full bear-rounded-full bear-transition-all bear-duration-300 bear-ease-out","bear-flex bear-items-center bear-justify-center",f[o],r&&"bear-bg-stripes",c&&"bear-animate-stripes",a&&"bear-animate-indeterminate"),style:{width:a?"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":a?void 0:n,"aria-valuemin":0,"aria-valuemax":b,children:i&&d==="inside"&&l==="lg"&&!a&&e.jsxs("span",{className:"bear-text-xs bear-font-medium bear-text-white",children:[Math.round(s),"%"]})})})]})};exports.Progress=x;

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

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { ProgressProps } from './Progress.types';
+/**
+ * Progress - Progress bar with multiple variants
+ *
+ * @example
+ * ```tsx
+ * <Progress value={75} showLabel />
+ * <Progress value={50} color="success" striped animated />
+ * <Progress indeterminate />
+ * ```
+ */
+export declare const Progress: FC<ProgressProps>;

package/dist/components/Progress/Progress.js

@@ -0,0 +1,74 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { cn as b } from "../../utils/cn.js";
+const f = {
+  sm: "bear-h-1.5",
+  md: "bear-h-2.5",
+  lg: "bear-h-4"
+}, h = {
+  default: "bear-bg-pink-500",
+  success: "bear-bg-green-500",
+  warning: "bear-bg-yellow-500",
+  danger: "bear-bg-red-500",
+  info: "bear-bg-blue-500"
+}, v = ({
+  value: n,
+  max: l = 100,
+  size: d = "md",
+  color: g = "default",
+  showLabel: i = !1,
+  labelPosition: o = "outside",
+  striped: r = !1,
+  animated: m = !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[g],
+              r && "bear-bg-stripes",
+              m && "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),
+              "%"
+            ] })
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  v as Progress
+};

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

@@ -0,0 +1,24 @@
+export interface ProgressProps {
+    /** Progress value (0-100) */
+    value: number;
+    /** Maximum value */
+    max?: number;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Color variant */
+    color?: 'default' | 'success' | 'warning' | 'danger' | 'info';
+    /** Show percentage label */
+    showLabel?: boolean;
+    /** Label position */
+    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/Progress/index.d.ts

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

package/dist/components/Radio/Radio.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("react"),s=require("../../utils/cn.cjs"),L={xs:"ember-w-3 ember-h-3",sm:"ember-w-4 ember-h-4",md:"ember-w-5 ember-h-5",lg:"ember-w-6 ember-h-6",xl:"ember-w-7 ember-h-7"},V={xs:"ember-text-xs",sm:"ember-text-sm",md:"ember-text-base",lg:"ember-text-lg",xl:"ember-text-xl"},_={primary:"#ec4899",secondary:"#6b7280",success:"#22c55e",danger:"#ef4444",warning:"#f59e0b",info:"#3b82f6",ghost:"#9ca3af",outline:"#374151",error:"#ef4444"},A=b.createContext(null),E=b.forwardRef(({label:d,size:o="md",variant:v="primary",color:l,disabled:h=!1,error:t=!1,helperText:f,className:j,testId:g,value:m,name:i,checked:x,onChange:a,...N},S)=>{const e=b.useContext(A),p=b.useId(),n=(e==null?void 0:e.size)??o,R=(e==null?void 0:e.variant)??v,c=(e==null?void 0:e.disabled)??h,u=(e==null?void 0:e.name)??i,y=e?e.value===m:x,k=l??_[R],I=b.useCallback(()=>{if(c)return;const w=typeof m=="string"?m:String(m);e&&w&&e.onChange(w),a==null||a({target:{value:w}})},[e,m,a,c]);return r.jsxs("div",{className:s.cn("ember-flex ember-flex-col",j),children:[r.jsxs("label",{className:s.cn("ember-inline-flex ember-items-center ember-gap-2 ember-cursor-pointer",c&&"ember-opacity-50 ember-cursor-not-allowed"),children:[r.jsxs("div",{className:"ember-relative ember-flex ember-items-center ember-justify-center",children:[r.jsx("input",{ref:S,type:"radio",name:u,value:m,checked:y,disabled:c,onChange:I,className:"ember-sr-only",id:p,"data-testid":g,...N}),r.jsx("div",{className:s.cn(L[n],"ember-rounded-full ember-border-2 ember-transition-all ember-flex ember-items-center ember-justify-center",t?"ember-border-red-500":"ember-border-gray-300 dark:ember-border-gray-600",y&&!t&&"ember-border-current",!c&&"hover:ember-border-gray-400"),style:{borderColor:y&&!t?k:void 0},children:r.jsx("div",{className:s.cn("ember-rounded-full ember-transition-all ember-scale-0",y&&"ember-scale-100"),style:{width:"50%",height:"50%",backgroundColor:t?"#ef4444":k}})})]}),d&&r.jsx("span",{className:s.cn(V[n],"ember-text-gray-700 dark:ember-text-gray-300",t&&"ember-text-red-500"),children:d})]}),f&&r.jsx("span",{className:s.cn("ember-text-xs ember-mt-1 ember-ml-7",t?"ember-text-red-500":"ember-text-gray-500"),children:f})]})});E.displayName="Radio";const q=({name:d,value:o,defaultValue:v="",onChange:l,children:h,direction:t="column",size:f,variant:j,disabled:g=!1,gap:m=2,label:i,error:x=!1,helperText:a,className:N,testId:S})=>{const[e,p]=b.useState(v),n=o!==void 0,R=n?o:e,c=b.useCallback(u=>{n||p(u),l==null||l(u)},[n,l]);return r.jsxs("div",{className:s.cn("ember-flex ember-flex-col",N),role:"radiogroup","aria-label":typeof i=="string"?i:void 0,"data-testid":S,children:[i&&r.jsx("span",{className:s.cn("ember-text-sm ember-font-medium ember-mb-2 ember-text-gray-700 dark:ember-text-gray-300",x&&"ember-text-red-500"),children:i}),r.jsx(A.Provider,{value:{name:d,value:R,onChange:c,size:f,variant:j,disabled:g},children:r.jsx("div",{className:s.cn("ember-flex",t==="column"?"ember-flex-col":"ember-flex-row ember-flex-wrap"),style:{gap:`${m*.25}rem`},children:h})}),a&&r.jsx("span",{className:s.cn("ember-text-xs ember-mt-2",x?"ember-text-red-500":"ember-text-gray-500"),children:a})]})};exports.Radio=E;exports.RadioGroup=q;

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { RadioProps, RadioGroupProps } from './Radio.types';
+/**
+ * Radio input component for single selection from multiple options
+ */
+export declare const Radio: import('react').ForwardRefExoticComponent<RadioProps & import('react').RefAttributes<HTMLInputElement>>;
+/**
+ * RadioGroup component for grouping radio inputs
+ */
+export declare const RadioGroup: FC<RadioGroupProps>;
+export default Radio;

package/dist/components/Radio/Radio.js

@@ -0,0 +1,172 @@
+import { jsxs as y, jsx as t } from "react/jsx-runtime";
+import { createContext as j, forwardRef as V, useContext as _, useId as z, useCallback as E, useState as G } from "react";
+import { cn as r } from "../../utils/cn.js";
+const O = {
+  xs: "ember-w-3 ember-h-3",
+  sm: "ember-w-4 ember-h-4",
+  md: "ember-w-5 ember-h-5",
+  lg: "ember-w-6 ember-h-6",
+  xl: "ember-w-7 ember-h-7"
+}, Z = {
+  xs: "ember-text-xs",
+  sm: "ember-text-sm",
+  md: "ember-text-base",
+  lg: "ember-text-lg",
+  xl: "ember-text-xl"
+}, B = {
+  primary: "#ec4899",
+  secondary: "#6b7280",
+  success: "#22c55e",
+  danger: "#ef4444",
+  warning: "#f59e0b",
+  info: "#3b82f6",
+  ghost: "#9ca3af",
+  outline: "#374151",
+  error: "#ef4444"
+}, I = j(null), D = V(({
+  label: d,
+  size: n = "md",
+  variant: v = "primary",
+  color: l,
+  disabled: h = !1,
+  error: m = !1,
+  helperText: o,
+  className: N,
+  testId: p,
+  value: s,
+  name: c,
+  checked: f,
+  onChange: a,
+  ...g
+}, S) => {
+  const e = _(I), w = z(), i = (e == null ? void 0 : e.size) ?? n, k = (e == null ? void 0 : e.variant) ?? v, b = (e == null ? void 0 : e.disabled) ?? h, x = (e == null ? void 0 : e.name) ?? c, u = e ? e.value === s : f, A = l ?? B[k], L = E(() => {
+    if (b) return;
+    const R = typeof s == "string" ? s : String(s);
+    e && R && e.onChange(R), a == null || a({ target: { value: R } });
+  }, [e, s, a, b]);
+  return /* @__PURE__ */ y("div", { className: r("ember-flex ember-flex-col", N), children: [
+    /* @__PURE__ */ y(
+      "label",
+      {
+        className: r(
+          "ember-inline-flex ember-items-center ember-gap-2 ember-cursor-pointer",
+          b && "ember-opacity-50 ember-cursor-not-allowed"
+        ),
+        children: [
+          /* @__PURE__ */ y("div", { className: "ember-relative ember-flex ember-items-center ember-justify-center", children: [
+            /* @__PURE__ */ t(
+              "input",
+              {
+                ref: S,
+                type: "radio",
+                name: x,
+                value: s,
+                checked: u,
+                disabled: b,
+                onChange: L,
+                className: "ember-sr-only",
+                id: w,
+                "data-testid": p,
+                ...g
+              }
+            ),
+            /* @__PURE__ */ t(
+              "div",
+              {
+                className: r(
+                  O[i],
+                  "ember-rounded-full ember-border-2 ember-transition-all ember-flex ember-items-center ember-justify-center",
+                  m ? "ember-border-red-500" : "ember-border-gray-300 dark:ember-border-gray-600",
+                  u && !m && "ember-border-current",
+                  !b && "hover:ember-border-gray-400"
+                ),
+                style: {
+                  borderColor: u && !m ? A : void 0
+                },
+                children: /* @__PURE__ */ t(
+                  "div",
+                  {
+                    className: r(
+                      "ember-rounded-full ember-transition-all ember-scale-0",
+                      u && "ember-scale-100"
+                    ),
+                    style: {
+                      width: "50%",
+                      height: "50%",
+                      backgroundColor: m ? "#ef4444" : A
+                    }
+                  }
+                )
+              }
+            )
+          ] }),
+          d && /* @__PURE__ */ t("span", { className: r(
+            Z[i],
+            "ember-text-gray-700 dark:ember-text-gray-300",
+            m && "ember-text-red-500"
+          ), children: d })
+        ]
+      }
+    ),
+    o && /* @__PURE__ */ t("span", { className: r(
+      "ember-text-xs ember-mt-1 ember-ml-7",
+      m ? "ember-text-red-500" : "ember-text-gray-500"
+    ), children: o })
+  ] });
+});
+D.displayName = "Radio";
+const C = ({
+  name: d,
+  value: n,
+  defaultValue: v = "",
+  onChange: l,
+  children: h,
+  direction: m = "column",
+  size: o,
+  variant: N,
+  disabled: p = !1,
+  gap: s = 2,
+  label: c,
+  error: f = !1,
+  helperText: a,
+  className: g,
+  testId: S
+}) => {
+  const [e, w] = G(v), i = n !== void 0, k = i ? n : e, b = E((x) => {
+    i || w(x), l == null || l(x);
+  }, [i, l]);
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      className: r("ember-flex ember-flex-col", g),
+      role: "radiogroup",
+      "aria-label": typeof c == "string" ? c : void 0,
+      "data-testid": S,
+      children: [
+        c && /* @__PURE__ */ t("span", { className: r(
+          "ember-text-sm ember-font-medium ember-mb-2 ember-text-gray-700 dark:ember-text-gray-300",
+          f && "ember-text-red-500"
+        ), children: c }),
+        /* @__PURE__ */ t(I.Provider, { value: { name: d, value: k, onChange: b, size: o, variant: N, disabled: p }, children: /* @__PURE__ */ t(
+          "div",
+          {
+            className: r(
+              "ember-flex",
+              m === "column" ? "ember-flex-col" : "ember-flex-row ember-flex-wrap"
+            ),
+            style: { gap: `${s * 0.25}rem` },
+            children: h
+          }
+        ) }),
+        a && /* @__PURE__ */ t("span", { className: r(
+          "ember-text-xs ember-mt-2",
+          f ? "ember-text-red-500" : "ember-text-gray-500"
+        ), children: a })
+      ]
+    }
+  );
+};
+export {
+  D as Radio,
+  C as RadioGroup
+};

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

@@ -0,0 +1,52 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { BearSize, BearVariant } from '../../types';
+export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /** Radio label */
+    label?: ReactNode;
+    /** Size of the radio */
+    size?: BearSize;
+    /** Color variant */
+    variant?: BearVariant;
+    /** Custom color override */
+    color?: string;
+    /** Whether radio is disabled */
+    disabled?: boolean;
+    /** Error state */
+    error?: boolean;
+    /** Helper text shown below */
+    helperText?: string;
+    /** Test ID */
+    testId?: string;
+}
+export interface RadioGroupProps {
+    /** Group name for all radios */
+    name: string;
+    /** Current selected value */
+    value?: string;
+    /** Default value for uncontrolled mode */
+    defaultValue?: string;
+    /** Callback when selection changes */
+    onChange?: (value: string) => void;
+    /** Radio options */
+    children?: ReactNode;
+    /** Layout direction */
+    direction?: 'row' | 'column';
+    /** Size applied to all radios */
+    size?: BearSize;
+    /** Variant applied to all radios */
+    variant?: BearVariant;
+    /** Whether all radios are disabled */
+    disabled?: boolean;
+    /** Gap between items */
+    gap?: number;
+    /** Label for the group */
+    label?: ReactNode;
+    /** Error state for the group */
+    error?: boolean;
+    /** Helper text for the group */
+    helperText?: string;
+    /** Additional class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Radio, RadioGroup, default } from './Radio';
+export type { RadioProps, RadioGroupProps } from './Radio.types';

package/dist/components/Rating/Rating.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),y=require("../../utils/cn.cjs"),U={xs:14,sm:18,md:24,lg:30,xl:36},W="#fbbf24",Y="#d1d5db",Z=({value:d,defaultValue:F=0,max:u=5,size:L="md",readOnly:o=!1,disabled:r=!1,precision:j=1,color:S=W,emptyColor:h=Y,filledIcon:v,emptyIcon:k,halfIcon:g,highlightOnHover:c=!0,showLabel:C=!1,formatLabel:E,onChange:a,className:_,testId:A,...T})=>{const[$,q]=l.useState(F),[M,w]=l.useState(null),m=d!==void 0,z=m?d:$,f=M!==null&&!o&&!r?M:z,p=U[L],B=l.useCallback(e=>{o||r||(m||q(e),a==null||a(e))},[m,a,o,r]),G=l.useCallback(e=>{o||r||!c||w(e)},[o,r,c]),N=l.useCallback(()=>{o||r||!c||w(null)},[o,r,c]),x=l.useMemo(()=>({FilledStar:({size:s,color:i})=>t.jsx("svg",{width:s,height:s,viewBox:"0 0 24 24",fill:i,stroke:"none",children:t.jsx("polygon",{points:"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"})}),EmptyStar:({size:s,color:i})=>t.jsx("svg",{width:s,height:s,viewBox:"0 0 24 24",fill:"none",stroke:i,strokeWidth:"2",children:t.jsx("polygon",{points:"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"})}),HalfStar:({size:s,color:i,emptyColor:R})=>t.jsxs("svg",{width:s,height:s,viewBox:"0 0 24 24",children:[t.jsx("defs",{children:t.jsxs("linearGradient",{id:"halfGrad",children:[t.jsx("stop",{offset:"50%",stopColor:i}),t.jsx("stop",{offset:"50%",stopColor:R,stopOpacity:"0"})]})}),t.jsx("polygon",{points:"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2",fill:"url(#halfGrad)",stroke:R,strokeWidth:"2"})]})}),[]),P=e=>{const n=f-e,b=n>=1,s=j===.5&&n>=.5&&n<1,i=n<(j===.5?.5:1);return v&&b?v:g&&s?g:k&&i?k:b?t.jsx(x.FilledStar,{size:p,color:S}):s?t.jsx(x.HalfStar,{size:p,color:S,emptyColor:h}):t.jsx(x.EmptyStar,{size:p,color:h})},D=l.useMemo(()=>Array.from({length:u},(e,n)=>n+1),[u]),H=E?E(f):`${f} out of ${u}`;return t.jsxs("div",{className:y.cn("ember-inline-flex ember-items-center ember-gap-1",r&&"ember-opacity-50 ember-cursor-not-allowed",_),role:"radiogroup","aria-label":"Rating","data-testid":A,onMouseLeave:N,...T,children:[D.map(e=>t.jsx("button",{type:"button",role:"radio","aria-checked":z>=e,"aria-label":`${e} star${e>1?"s":""}`,className:y.cn("ember-p-0.5 ember-rounded ember-transition-transform ember-bg-transparent ember-border-none",!o&&!r&&"hover:ember-scale-110 ember-cursor-pointer",o&&"ember-cursor-default",r&&"ember-cursor-not-allowed"),onClick:()=>B(e),onMouseEnter:()=>G(e),disabled:r||o,children:P(e-1)},e)),C&&t.jsx("span",{className:"ember-ml-2 ember-text-sm ember-text-gray-600 dark:ember-text-gray-400",children:H})]})};exports.Rating=Z;

package/dist/components/Rating/Rating.d.ts

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+import { RatingProps } from './Rating.types';
+/**
+ * Rating component for displaying and capturing user ratings
+ *
+ * @example
+ * ```tsx
+ * // Basic rating
+ * <Rating value={3} onChange={(v) => setRating(v)} />
+ *
+ * // Read-only rating with half stars
+ * <Rating value={3.5} readOnly precision={0.5} />
+ *
+ * // Custom size and color
+ * <Rating value={4} size="lg" color="#ec4899" />
+ * ```
+ */
+export declare const Rating: FC<RatingProps>;
+export default Rating;