@forgedevstack/bear 1.0.0

package/dist/components/Button/Button.js

@@ -0,0 +1,125 @@
+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(
+  ({
+    variant: i = "primary",
+    size: b = "md",
+    loading: e = !1,
+    fullWidth: a = !1,
+    leftIcon: m,
+    rightIcon: s,
+    disabled: g,
+    className: n,
+    children: l,
+    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 })
+        ] })
+      ]
+    }
+  )
+);
+w.displayName = "Button";
+export {
+  w as Button
+};

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

@@ -0,0 +1,18 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { EmberSize, EmberVariant } from '../../types';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Button variant style */
+    variant?: EmberVariant;
+    /** Button size */
+    size?: EmberSize;
+    /** Whether button is in loading state */
+    loading?: boolean;
+    /** Whether button takes full width */
+    fullWidth?: boolean;
+    /** Icon to show before text */
+    leftIcon?: ReactNode;
+    /** Icon to show after text */
+    rightIcon?: ReactNode;
+    /** Test ID for testing */
+    testId?: string;
+}

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

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

package/dist/components/ButtonGroup/ButtonGroup.cjs

@@ -0,0 +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;

package/dist/components/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { ButtonGroupProps } from './ButtonGroup.types';
+/**
+ * ButtonGroup component for grouping related buttons
+ *
+ * @example
+ * ```tsx
+ * <ButtonGroup variant="outline">
+ *   <Button>Left</Button>
+ *   <Button>Middle</Button>
+ *   <Button>Right</Button>
+ * </ButtonGroup>
+ * ```
+ */
+export declare const ButtonGroup: FC<ButtonGroupProps>;
+export default ButtonGroup;

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,51 @@
+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";
+const v = ({
+  children: f,
+  size: b = "md",
+  variant: p = "primary",
+  orientation: u = "horizontal",
+  disabled: c = !1,
+  fullWidth: i = !1,
+  className: x,
+  testId: C,
+  ...g
+}) => {
+  const o = u === "horizontal", t = z.toArray(f), h = t.map((r, m) => {
+    if (!N(r)) return r;
+    const n = m === 0, s = m === t.length - 1, a = !n && !s;
+    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,
+      variant: p,
+      disabled: c || r.props.disabled,
+      className: d(
+        e,
+        l,
+        i && "ember-flex-1",
+        r.props.className
+      )
+    });
+  });
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      role: "group",
+      className: d(
+        "ember-inline-flex",
+        o ? "ember-flex-row" : "ember-flex-col",
+        i && "ember-w-full",
+        x
+      ),
+      "data-testid": C,
+      ...g,
+      children: h
+    }
+  );
+};
+export {
+  v as ButtonGroup
+};

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

@@ -0,0 +1,18 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { BearSize, BearVariant } from '../../types';
+export interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
+    /** Button elements */
+    children: ReactNode;
+    /** Size applied to all buttons */
+    size?: BearSize;
+    /** Variant applied to all buttons */
+    variant?: BearVariant | 'outline' | 'ghost';
+    /** Orientation of the group */
+    orientation?: 'horizontal' | 'vertical';
+    /** Whether all buttons are disabled */
+    disabled?: boolean;
+    /** Whether buttons should be full width */
+    fullWidth?: boolean;
+    /** Test ID */
+    testId?: string;
+}

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

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

package/dist/components/Card/Card.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),b=require("react"),o=require("../../utils/cn.cjs"),x={none:"",xs:"ember-p-2",sm:"ember-p-3",md:"ember-p-4",lg:"ember-p-6",xl:"ember-p-8"},p={none:"",sm:"ember-rounded-sm",md:"ember-rounded-md",lg:"ember-rounded-lg",xl:"ember-rounded-xl","2xl":"ember-rounded-2xl"},C={elevated:"ember-bg-white dark:ember-bg-gray-900 ember-shadow-md",outlined:"ember-bg-white dark:ember-bg-gray-900 ember-border ember-border-gray-200 dark:ember-border-gray-700",filled:"ember-bg-gray-100 dark:ember-bg-gray-800",ghost:"ember-bg-transparent"},l=b.forwardRef(({variant:e="elevated",padding:r="none",interactive:a=!1,radius:m="lg",className:s,children:t,testId:n,...u},y)=>d.jsx("div",{ref:y,className:o.cn("ember-overflow-hidden",C[e],x[r],p[m],a&&"ember-transition-all ember-duration-200 ember-cursor-pointer hover:ember-shadow-lg hover:ember-scale-[1.02]",s),"data-testid":n,...u,children:t}));l.displayName="Card";const i=b.forwardRef(({title:e,subtitle:r,action:a,className:m,children:s,...t},n)=>d.jsxs("div",{ref:n,className:o.cn("ember-flex ember-items-start ember-justify-between ember-p-4 ember-border-b ember-border-gray-200 dark:ember-border-gray-700",m),...t,children:[d.jsxs("div",{className:"ember-flex-1 ember-min-w-0",children:[e&&d.jsx("h3",{className:"ember-text-lg ember-font-semibold ember-text-gray-900 dark:ember-text-white ember-truncate",children:e}),r&&d.jsx("p",{className:"ember-text-sm ember-text-gray-500 dark:ember-text-gray-400 ember-mt-1",children:r}),s]}),a&&d.jsx("div",{className:"ember-ml-4 ember-shrink-0",children:a})]}));i.displayName="CardHeader";const c=b.forwardRef(({className:e,children:r,...a},m)=>d.jsx("div",{ref:m,className:o.cn("ember-p-4",e),...a,children:r}));c.displayName="CardBody";const g=b.forwardRef(({divider:e=!0,className:r,children:a,...m},s)=>d.jsx("div",{ref:s,className:o.cn("ember-p-4",e&&"ember-border-t ember-border-gray-200 dark:ember-border-gray-700",r),...m,children:a}));g.displayName="CardFooter";const f=Object.assign(l,{Header:i,Body:c,Footer:g});exports.Card=l;exports.CardBody=c;exports.CardCompound=f;exports.CardFooter=g;exports.CardHeader=i;

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,31 @@
+import { CardProps, CardHeaderProps, CardBodyProps, CardFooterProps } from './Card.types';
+/**
+ * Card component for containing content
+ *
+ * @example
+ * ```tsx
+ * <Card variant="elevated" padding="md">
+ *   <Card.Header title="Card Title" subtitle="Subtitle" />
+ *   <Card.Body>Content goes here</Card.Body>
+ *   <Card.Footer>Footer content</Card.Footer>
+ * </Card>
+ * ```
+ */
+export declare const Card: import('react').ForwardRefExoticComponent<CardProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * Card Header
+ */
+export declare const CardHeader: import('react').ForwardRefExoticComponent<CardHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * Card Body
+ */
+export declare const CardBody: import('react').ForwardRefExoticComponent<CardBodyProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * Card Footer
+ */
+export declare const CardFooter: import('react').ForwardRefExoticComponent<CardFooterProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CardCompound: import('react').ForwardRefExoticComponent<CardProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Header: import('react').ForwardRefExoticComponent<CardHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
+    Body: import('react').ForwardRefExoticComponent<CardBodyProps & import('react').RefAttributes<HTMLDivElement>>;
+    Footer: import('react').ForwardRefExoticComponent<CardFooterProps & import('react').RefAttributes<HTMLDivElement>>;
+};

package/dist/components/Card/Card.js

@@ -0,0 +1,113 @@
+import { jsx as d, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { cn as o } from "../../utils/cn.js";
+const h = {
+  none: "",
+  xs: "ember-p-2",
+  sm: "ember-p-3",
+  md: "ember-p-4",
+  lg: "ember-p-6",
+  xl: "ember-p-8"
+}, u = {
+  none: "",
+  sm: "ember-rounded-sm",
+  md: "ember-rounded-md",
+  lg: "ember-rounded-lg",
+  xl: "ember-rounded-xl",
+  "2xl": "ember-rounded-2xl"
+}, C = {
+  elevated: "ember-bg-white dark:ember-bg-gray-900 ember-shadow-md",
+  outlined: "ember-bg-white dark:ember-bg-gray-900 ember-border ember-border-gray-200 dark:ember-border-gray-700",
+  filled: "ember-bg-gray-100 dark:ember-bg-gray-800",
+  ghost: "ember-bg-transparent"
+}, i = s(
+  ({
+    variant: e = "elevated",
+    padding: r = "none",
+    interactive: m = !1,
+    radius: a = "lg",
+    className: b,
+    children: t,
+    testId: n,
+    ...y
+  }, x) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: x,
+      className: o(
+        "ember-overflow-hidden",
+        C[e],
+        h[r],
+        u[a],
+        m && "ember-transition-all ember-duration-200 ember-cursor-pointer hover:ember-shadow-lg hover:ember-scale-[1.02]",
+        b
+      ),
+      "data-testid": n,
+      ...y,
+      children: t
+    }
+  )
+);
+i.displayName = "Card";
+const g = s(
+  ({ title: e, subtitle: r, action: m, className: a, children: b, ...t }, n) => /* @__PURE__ */ l(
+    "div",
+    {
+      ref: n,
+      className: o(
+        "ember-flex ember-items-start ember-justify-between ember-p-4 ember-border-b ember-border-gray-200 dark:ember-border-gray-700",
+        a
+      ),
+      ...t,
+      children: [
+        /* @__PURE__ */ l("div", { className: "ember-flex-1 ember-min-w-0", children: [
+          e && /* @__PURE__ */ d("h3", { className: "ember-text-lg ember-font-semibold ember-text-gray-900 dark:ember-text-white ember-truncate", children: e }),
+          r && /* @__PURE__ */ d("p", { className: "ember-text-sm ember-text-gray-500 dark:ember-text-gray-400 ember-mt-1", children: r }),
+          b
+        ] }),
+        m && /* @__PURE__ */ d("div", { className: "ember-ml-4 ember-shrink-0", children: m })
+      ]
+    }
+  )
+);
+g.displayName = "CardHeader";
+const c = s(
+  ({ className: e, children: r, ...m }, a) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: a,
+      className: o("ember-p-4", e),
+      ...m,
+      children: r
+    }
+  )
+);
+c.displayName = "CardBody";
+const p = s(
+  ({ divider: e = !0, className: r, children: m, ...a }, b) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: b,
+      className: o(
+        "ember-p-4",
+        e && "ember-border-t ember-border-gray-200 dark:ember-border-gray-700",
+        r
+      ),
+      ...a,
+      children: m
+    }
+  )
+);
+p.displayName = "CardFooter";
+const k = Object.assign(i, {
+  Header: g,
+  Body: c,
+  Footer: p
+});
+export {
+  i as Card,
+  c as CardBody,
+  k as CardCompound,
+  p as CardFooter,
+  g as CardHeader
+};

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

@@ -0,0 +1,28 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { EmberSize } from '../../types';
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    /** Card variant */
+    variant?: 'elevated' | 'outlined' | 'filled' | 'ghost';
+    /** Padding size */
+    padding?: EmberSize | 'none';
+    /** Whether card is interactive (adds hover effects) */
+    interactive?: boolean;
+    /** Border radius */
+    radius?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'none';
+    /** Test ID */
+    testId?: string;
+}
+export interface CardHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Card title */
+    title?: ReactNode;
+    /** Card subtitle */
+    subtitle?: ReactNode;
+    /** Action element on the right side */
+    action?: ReactNode;
+}
+export interface CardBodyProps extends HTMLAttributes<HTMLDivElement> {
+}
+export interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {
+    /** Whether to add a divider above footer */
+    divider?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export { Card, CardHeader, CardBody, CardFooter, CardCompound } from './Card';
+export type { CardProps, CardHeaderProps, CardBodyProps, CardFooterProps } from './Card.types';

package/dist/components/Carousel/Carousel.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),b=require("../../utils/cn.cjs"),z=({children:M,autoPlay:l=0,showDots:I=!0,showArrows:T=!0,loop:c=!0,slidesToShow:n=1,gap:i=16,pauseOnHover:f=!0,onSlideChange:u,className:L,testId:$})=>{const[t,C]=s.useState(0),[x,m]=s.useState(!1),[y,E]=s.useState(null),[v,k]=s.useState(null),R=s.useRef(null),j=s.Children.toArray(M),d=j.length,o=Math.max(0,d-n);s.useEffect(()=>{if(l>0&&!x){const e=setInterval(()=>{g()},l);return()=>clearInterval(e)}},[l,x,t]);const h=e=>{let r=e;c?e<0?r=o:e>o&&(r=0):r=Math.max(0,Math.min(o,e)),C(r),u==null||u(r)},g=()=>h(t+1),w=()=>h(t-1),p=50,S=e=>{k(null),E(e.targetTouches[0].clientX)},q=e=>{k(e.targetTouches[0].clientX)},W=()=>{if(!y||!v)return;const e=y-v,r=e>p,X=e<-p;r?g():X&&w()},N=`calc((100% - ${i*(n-1)}px) / ${n})`;return a.jsxs("div",{ref:R,className:b.cn("bear-relative bear-overflow-hidden",L),onMouseEnter:()=>f&&m(!0),onMouseLeave:()=>f&&m(!1),onTouchStart:S,onTouchMove:q,onTouchEnd:W,"data-testid":$,children:[a.jsx("div",{className:"bear-flex bear-transition-transform bear-duration-500 bear-ease-out",style:{gap:`${i}px`,transform:`translateX(calc(-${t} * (${N} + ${i}px)))`},children:j.map((e,r)=>a.jsx("div",{className:"bear-shrink-0",style:{width:N},children:e},r))}),T&&d>n&&a.jsxs(a.Fragment,{children:[a.jsx("button",{onClick:w,disabled:!c&&t===0,className:b.cn("bear-absolute bear-left-2 bear-top-1/2 bear--translate-y-1/2","bear-w-10 bear-h-10 bear-rounded-full bear-flex bear-items-center bear-justify-center","bear-bg-white/90 dark:bear-bg-gray-800/90 bear-shadow-lg","bear-text-gray-700 dark:bear-text-gray-200","hover:bear-bg-white dark:hover:bear-bg-gray-700","bear-transition-all bear-z-10","disabled:bear-opacity-50 disabled:bear-cursor-not-allowed"),children:a.jsx("svg",{className:"bear-w-5 bear-h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 19l-7-7 7-7"})})}),a.jsx("button",{onClick:g,disabled:!c&&t===o,className:b.cn("bear-absolute bear-right-2 bear-top-1/2 bear--translate-y-1/2","bear-w-10 bear-h-10 bear-rounded-full bear-flex bear-items-center bear-justify-center","bear-bg-white/90 dark:bear-bg-gray-800/90 bear-shadow-lg","bear-text-gray-700 dark:bear-text-gray-200","hover:bear-bg-white dark:hover:bear-bg-gray-700","bear-transition-all bear-z-10","disabled:bear-opacity-50 disabled:bear-cursor-not-allowed"),children:a.jsx("svg",{className:"bear-w-5 bear-h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})})]}),I&&d>n&&a.jsx("div",{className:"bear-flex bear-justify-center bear-gap-2 bear-mt-4",children:Array.from({length:o+1}).map((e,r)=>a.jsx("button",{onClick:()=>h(r),className:b.cn("bear-w-2.5 bear-h-2.5 bear-rounded-full bear-transition-all",r===t?"bear-bg-pink-500 bear-w-6":"bear-bg-gray-300 dark:bear-bg-gray-600 hover:bear-bg-gray-400 dark:hover:bear-bg-gray-500")},r))})]})};exports.Carousel=z;

package/dist/components/Carousel/Carousel.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { CarouselProps } from './Carousel.types';
+/**
+ * Carousel - Sliding content carousel with touch support
+ *
+ * @example
+ * ```tsx
+ * <Carousel autoPlay={5000} showDots showArrows>
+ *   <div>Slide 1</div>
+ *   <div>Slide 2</div>
+ *   <div>Slide 3</div>
+ * </Carousel>
+ * ```
+ */
+export declare const Carousel: FC<CarouselProps>;

package/dist/components/Carousel/Carousel.js

@@ -0,0 +1,122 @@
+import { jsxs as j, jsx as a, Fragment as D } from "react/jsx-runtime";
+import { useState as o, useRef as F, Children as P, useEffect as _ } from "react";
+import { cn as b } from "../../utils/cn.js";
+const K = ({
+  children: I,
+  autoPlay: l = 0,
+  showDots: L = !0,
+  showArrows: T = !0,
+  loop: i = !0,
+  slidesToShow: n = 1,
+  gap: c = 16,
+  pauseOnHover: g = !0,
+  onSlideChange: d,
+  className: $,
+  testId: E
+}) => {
+  const [t, C] = o(0), [m, k] = o(!1), [v, R] = o(null), [y, x] = o(null), W = F(null), p = P.toArray(I), u = p.length, s = Math.max(0, u - n);
+  _(() => {
+    if (l > 0 && !m) {
+      const e = setInterval(() => {
+        f();
+      }, l);
+      return () => clearInterval(e);
+    }
+  }, [l, m, t]);
+  const h = (e) => {
+    let r = e;
+    i ? e < 0 ? r = s : e > s && (r = 0) : r = Math.max(0, Math.min(s, e)), C(r), d == null || d(r);
+  }, f = () => h(t + 1), w = () => h(t - 1), N = 50, X = (e) => {
+    x(null), R(e.targetTouches[0].clientX);
+  }, z = (e) => {
+    x(e.targetTouches[0].clientX);
+  }, A = () => {
+    if (!v || !y) return;
+    const e = v - y, r = e > N, B = e < -N;
+    r ? f() : B && w();
+  }, M = `calc((100% - ${c * (n - 1)}px) / ${n})`;
+  return /* @__PURE__ */ j(
+    "div",
+    {
+      ref: W,
+      className: b("bear-relative bear-overflow-hidden", $),
+      onMouseEnter: () => g && k(!0),
+      onMouseLeave: () => g && k(!1),
+      onTouchStart: X,
+      onTouchMove: z,
+      onTouchEnd: A,
+      "data-testid": E,
+      children: [
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: "bear-flex bear-transition-transform bear-duration-500 bear-ease-out",
+            style: {
+              gap: `${c}px`,
+              transform: `translateX(calc(-${t} * (${M} + ${c}px)))`
+            },
+            children: p.map((e, r) => /* @__PURE__ */ a(
+              "div",
+              {
+                className: "bear-shrink-0",
+                style: { width: M },
+                children: e
+              },
+              r
+            ))
+          }
+        ),
+        T && u > n && /* @__PURE__ */ j(D, { children: [
+          /* @__PURE__ */ a(
+            "button",
+            {
+              onClick: w,
+              disabled: !i && t === 0,
+              className: b(
+                "bear-absolute bear-left-2 bear-top-1/2 bear--translate-y-1/2",
+                "bear-w-10 bear-h-10 bear-rounded-full bear-flex bear-items-center bear-justify-center",
+                "bear-bg-white/90 dark:bear-bg-gray-800/90 bear-shadow-lg",
+                "bear-text-gray-700 dark:bear-text-gray-200",
+                "hover:bear-bg-white dark:hover:bear-bg-gray-700",
+                "bear-transition-all bear-z-10",
+                "disabled:bear-opacity-50 disabled:bear-cursor-not-allowed"
+              ),
+              children: /* @__PURE__ */ a("svg", { className: "bear-w-5 bear-h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ a("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
+            }
+          ),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              onClick: f,
+              disabled: !i && t === s,
+              className: b(
+                "bear-absolute bear-right-2 bear-top-1/2 bear--translate-y-1/2",
+                "bear-w-10 bear-h-10 bear-rounded-full bear-flex bear-items-center bear-justify-center",
+                "bear-bg-white/90 dark:bear-bg-gray-800/90 bear-shadow-lg",
+                "bear-text-gray-700 dark:bear-text-gray-200",
+                "hover:bear-bg-white dark:hover:bear-bg-gray-700",
+                "bear-transition-all bear-z-10",
+                "disabled:bear-opacity-50 disabled:bear-cursor-not-allowed"
+              ),
+              children: /* @__PURE__ */ a("svg", { className: "bear-w-5 bear-h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ a("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
+            }
+          )
+        ] }),
+        L && u > n && /* @__PURE__ */ a("div", { className: "bear-flex bear-justify-center bear-gap-2 bear-mt-4", children: Array.from({ length: s + 1 }).map((e, r) => /* @__PURE__ */ a(
+          "button",
+          {
+            onClick: () => h(r),
+            className: b(
+              "bear-w-2.5 bear-h-2.5 bear-rounded-full bear-transition-all",
+              r === t ? "bear-bg-pink-500 bear-w-6" : "bear-bg-gray-300 dark:bear-bg-gray-600 hover:bear-bg-gray-400 dark:hover:bear-bg-gray-500"
+            )
+          },
+          r
+        )) })
+      ]
+    }
+  );
+};
+export {
+  K as Carousel
+};

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

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+export interface CarouselProps {
+    /** Carousel slides */
+    children: ReactNode;
+    /** Auto-play interval in ms (0 to disable) */
+    autoPlay?: number;
+    /** Show navigation dots */
+    showDots?: boolean;
+    /** Show arrow buttons */
+    showArrows?: boolean;
+    /** Loop continuously */
+    loop?: boolean;
+    /** Slides to show at once */
+    slidesToShow?: number;
+    /** Gap between slides in px */
+    gap?: number;
+    /** Pause on hover */
+    pauseOnHover?: boolean;
+    /** Called when slide changes */
+    onSlideChange?: (index: number) => void;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}

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

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

package/dist/components/Checkbox/Checkbox.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),n=require("../../utils/cn.cjs"),I={xs:"ember-w-3.5 ember-h-3.5",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"},L={xs:10,sm:12,md:14,lg:18,xl:22},E={xs:"ember-text-xs",sm:"ember-text-sm",md:"ember-text-base",lg:"ember-text-lg",xl:"ember-text-xl"},R={primary:"#ec4899",secondary:"#6b7280",success:"#22c55e",danger:"#ef4444",warning:"#f59e0b",info:"#3b82f6",ghost:"#9ca3af",outline:"#374151",error:"#ef4444"},u=m.forwardRef(({label:i,size:b="md",variant:f="primary",color:y,checked:a,defaultChecked:x,indeterminate:s=!1,disabled:l=!1,error:t=!1,helperText:d,className:g,testId:j,onChange:p,...k},w)=>{const S=m.useRef(null),r=w||S,v=m.useId(),h=y??R[f],o=L[b];m.useEffect(()=>{typeof r=="object"&&(r!=null&&r.current)&&(r.current.indeterminate=s)},[s,r]);const C=()=>e.jsx("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polyline",{points:"20 6 9 17 4 12"})}),N=()=>e.jsx("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})}),c=a??x;return e.jsxs("div",{className:n.cn("ember-flex ember-flex-col",g),children:[e.jsxs("label",{className:n.cn("ember-inline-flex ember-items-center ember-gap-2 ember-cursor-pointer",l&&"ember-opacity-50 ember-cursor-not-allowed"),children:[e.jsxs("div",{className:"ember-relative ember-flex ember-items-center ember-justify-center",children:[e.jsx("input",{ref:r,type:"checkbox",checked:a,defaultChecked:x,disabled:l,onChange:p,className:"ember-sr-only",id:v,"data-testid":j,...k}),e.jsx("div",{className:n.cn(I[b],"ember-rounded 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",(c||s)&&!t&&"ember-border-transparent",!l&&"hover:ember-border-gray-400"),style:{backgroundColor:c||s?t?"#ef4444":h:"transparent",borderColor:(c||s)&&!t?h:void 0},children:s?e.jsx(N,{}):c?e.jsx(C,{}):null})]}),i&&e.jsx("span",{className:n.cn(E[b],"ember-text-gray-700 dark:ember-text-gray-300",t&&"ember-text-red-500"),children:i})]}),d&&e.jsx("span",{className:n.cn("ember-text-xs ember-mt-1 ember-ml-7",t?"ember-text-red-500":"ember-text-gray-500"),children:d})]})});u.displayName="Checkbox";exports.Checkbox=u;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,13 @@
+import { CheckboxProps } from './Checkbox.types';
+/**
+ * Checkbox component for boolean selection
+ *
+ * @example
+ * ```tsx
+ * <Checkbox label="Accept terms" checked={accepted} onChange={(e) => setAccepted(e.target.checked)} />
+ * <Checkbox label="Subscribe" variant="success" />
+ * <Checkbox indeterminate label="Select all" />
+ * ```
+ */
+export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLInputElement>>;
+export default Checkbox;