@forgedevstack/bear 1.0.5 → 1.0.7

package/dist/components/EmojiPicker/EmojiPicker.js

@@ -0,0 +1,63 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { useState as x } from "react";
+import { cn as t } from "../../utils/cn.js";
+import { BEAR_EMOJIS as d } from "./EmojiPicker.const.js";
+const h = {
+  sm: "bear-w-8 bear-h-8 bear-text-lg",
+  md: "bear-w-10 bear-h-10 bear-text-xl",
+  lg: "bear-w-12 bear-h-12 bear-text-2xl"
+}, i = Object.keys(d), u = ({
+  onSelect: a,
+  size: s = "md",
+  maxHeight: b = 280,
+  className: n
+}) => {
+  const [o, c] = x(i[0]), g = d[o] ?? [];
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: t(
+        "Bear-EmojiPicker bear-flex bear-flex-col bear-rounded-lg bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-shadow-lg bear-overflow-hidden",
+        n
+      ),
+      children: [
+        /* @__PURE__ */ e("div", { className: "bear-flex bear-gap-1 bear-p-2 bear-border-b bear-border-gray-200 dark:bear-border-zinc-700 bear-overflow-x-auto", children: i.map((r) => /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            onClick: () => c(r),
+            className: t(
+              "bear-px-3 bear-py-1.5 bear-rounded-md bear-text-sm bear-font-medium bear-transition-colors bear-shrink-0",
+              o === r ? "bear-bg-gray-200 dark:bear-bg-zinc-700 bear-text-gray-900 dark:bear-text-white" : "bear-text-gray-600 dark:bear-text-zinc-400 hover:bear-text-gray-900 dark:hover:bear-text-white hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700/50"
+            ),
+            children: r
+          },
+          r
+        )) }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "bear-p-2 bear-overflow-y-auto bear-grid bear-grid-cols-8 bear-gap-1 bear-bg-gray-50 dark:bear-bg-zinc-900/50",
+            style: { maxHeight: typeof b == "number" ? `${b}px` : b },
+            children: g.map((r, l) => /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                onClick: () => a == null ? void 0 : a(r),
+                className: t(
+                  "bear-flex bear-items-center bear-justify-center bear-rounded-lg bear-transition-colors hover:bear-bg-gray-200 dark:hover:bear-bg-zinc-700",
+                  h[s]
+                ),
+                children: r
+              },
+              `${r}-${l}`
+            ))
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  u as EmojiPicker
+};

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

@@ -0,0 +1,6 @@
+export interface EmojiPickerProps {
+    onSelect?: (emoji: string) => void;
+    size?: 'sm' | 'md' | 'lg';
+    maxHeight?: string | number;
+    className?: string;
+}

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

@@ -0,0 +1,3 @@
+export { EmojiPicker } from './EmojiPicker';
+export { BEAR_EMOJIS } from './EmojiPicker.const';
+export type { EmojiPickerProps } from './EmojiPicker.types';

package/dist/components/Form/Form.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),l=require("react"),T=require("../../utils/cn.cjs"),B=require("./Form.context.cjs"),M=require("./Form.utils.cjs"),j=require("./Form.const.cjs"),q=({children:I,initialValues:u={},onSubmit:g,onError:a,layout:x="vertical",validateOnChange:b=!0,validateOnBlur:y=!0,className:v,testId:S,...C})=>{const[o,i]=l.useState(()=>({...j.FORM_INITIAL_STATE,fields:Object.fromEntries(Object.entries(u).map(([e,t])=>[e,{value:t,error:void 0,touched:!1,validating:!1,dirty:!1}]))})),c=l.useRef({}),_=l.useCallback((e,t)=>{i(s=>({...s,fields:{...s.fields,[e]:{...s.fields[e],value:t,dirty:!0}}}))},[]),n=l.useCallback(e=>{var t;return(t=o.fields[e])==null?void 0:t.value},[o.fields]),O=l.useCallback((e,t)=>{i(s=>({...s,fields:{...s.fields,[e]:{...s.fields[e],error:t}},errors:{...s.errors,[e]:t}}))},[]),E=l.useCallback(e=>{i(t=>{const s={...t.errors};return delete s[e],{...t,fields:{...t.fields,[e]:{...t.fields[e],error:void 0}},errors:s}})},[]),F=l.useCallback(async e=>{var f;const t=c.current[e];if(!t)return!0;i(d=>({...d,fields:{...d.fields,[e]:{...d.fields[e],validating:!0}}}));const s=(f=o.fields[e])==null?void 0:f.value,r=await M.validateFieldValue(s,t);return i(d=>({...d,fields:{...d.fields,[e]:{...d.fields[e],error:r??void 0,validating:!1}},errors:r?{...d.errors,[e]:r}:(()=>{const A={...d.errors};return delete A[e],A})()})),!r},[o.fields]),h=l.useCallback(async()=>{const e=Object.keys(c.current);return(await Promise.all(e.map(F))).every(Boolean)},[F]),R=l.useCallback(e=>{const t=e??u;i({...j.FORM_INITIAL_STATE,fields:Object.fromEntries(Object.entries(t).map(([s,r])=>[s,{value:r,error:void 0,touched:!1,validating:!1,dirty:!1}]))})},[u]),k=l.useCallback((e,t)=>{var s;return t&&(c.current[e]=t),o.fields[e]||i(r=>({...r,fields:{...r.fields,[e]:{value:u[e]??"",error:void 0,touched:!1,validating:!1,dirty:!1}}})),{name:e,value:((s=o.fields[e])==null?void 0:s.value)??u[e]??"",onChange:r=>{_(e,r),b&&t&&setTimeout(()=>F(e),0)},onBlur:()=>{i(r=>({...r,fields:{...r.fields,[e]:{...r.fields[e],touched:!0}}})),y&&t&&F(e)}}},[o.fields,u,_,F,b,y]),N=l.useCallback(e=>async t=>{if(t.preventDefault(),i(f=>({...f,isSubmitting:!0,isSubmitted:!0})),!await h()){i(f=>({...f,isSubmitting:!1})),a==null||a(o.errors);return}const r=Object.fromEntries(Object.entries(o.fields).map(([f,d])=>[f,d.value]));try{await e(r)}finally{i(f=>({...f,isSubmitting:!1}))}},[h,o.fields,o.errors,a]),L=l.useMemo(()=>({state:o,register:k,setValue:_,getValue:n,setError:O,clearError:E,validateField:F,validateForm:h,reset:R,handleSubmit:N,layout:x}),[o,k,_,n,O,E,F,h,R,N,x]);return m.jsx(B.FormContext.Provider,{value:L,children:m.jsx("form",{className:T.cn("Bear-Form",j.FORM_LAYOUT_CLASSES[x],v),onSubmit:g?N(g):void 0,"data-testid":S,...C,children:I})})},w=({name:I,label:u,required:g,rules:a,helperText:x,children:b,className:y})=>{const{register:v,state:S,layout:C}=B.useFormContext(),o={...a,required:g??(a==null?void 0:a.required)},i=v(I,o),c=S.fields[I],_=(c==null?void 0:c.touched)&&(c==null?void 0:c.error);return m.jsxs("div",{className:T.cn("Bear-FormItem",j.FORM_ITEM_LAYOUT_CLASSES[C],y),children:[u&&m.jsxs("label",{className:T.cn("Bear-FormItem__label bear-text-sm bear-font-medium bear-text-zinc-300",C==="horizontal"&&j.FORM_LABEL_WIDTH_HORIZONTAL),children:[u,(g||(a==null?void 0:a.required))&&m.jsx("span",{className:"Bear-FormItem__required bear-text-red-500 bear-ml-0.5",children:"*"})]}),m.jsxs("div",{className:"Bear-FormItem__content bear-flex-1",children:[m.jsx("div",{className:"Bear-FormItem__control",children:typeof b=="function"?b(i):l.isValidElement(b)?l.cloneElement(b,{...i,onChange:n=>{const O=n&&typeof n=="object"&&"target"in n&&n.target&&typeof n.target.value<"u"?n.target.value:n;i.onChange(O)}}):b}),_&&m.jsx("p",{className:"Bear-FormItem__error bear-mt-1 bear-text-xs bear-text-red-400",children:c.error}),x&&!_&&m.jsx("p",{className:"Bear-FormItem__helper bear-mt-1 bear-text-xs bear-text-zinc-500",children:x})]})]})};q.Item=w;exports.Form=q;

package/dist/components/Form/Form.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={required:"This field is required",email:"Please enter a valid email address",pattern:"Invalid format"},r={fields:{},isSubmitting:!1,isValid:!0,isSubmitted:!1,errors:{}},a=/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,l={vertical:"Bear-Form--vertical bear-flex bear-flex-col bear-gap-4",horizontal:"Bear-Form--horizontal bear-flex bear-flex-col bear-gap-4",inline:"Bear-Form--inline bear-flex bear-flex-wrap bear-items-end bear-gap-4"},i={vertical:"Bear-FormItem--vertical bear-flex bear-flex-col bear-gap-1.5",horizontal:"Bear-FormItem--horizontal bear-flex bear-flex-row bear-items-start bear-gap-4",inline:"Bear-FormItem--inline bear-flex bear-flex-col bear-gap-1"},t="bear-w-32 bear-shrink-0";exports.EMAIL_REGEX=a;exports.FORM_DEFAULT_TRANSLATIONS=e;exports.FORM_INITIAL_STATE=r;exports.FORM_ITEM_LAYOUT_CLASSES=i;exports.FORM_LABEL_WIDTH_HORIZONTAL=t;exports.FORM_LAYOUT_CLASSES=l;

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

@@ -0,0 +1,33 @@
+import { FormTranslations, FormState } from './Form.types';
+/**
+ * Default form translations
+ */
+export declare const FORM_DEFAULT_TRANSLATIONS: FormTranslations;
+/**
+ * Initial form state
+ */
+export declare const FORM_INITIAL_STATE: FormState;
+/**
+ * Email validation regex
+ */
+export declare const EMAIL_REGEX: RegExp;
+/**
+ * Layout classes
+ */
+export declare const FORM_LAYOUT_CLASSES: {
+    readonly vertical: "Bear-Form--vertical bear-flex bear-flex-col bear-gap-4";
+    readonly horizontal: "Bear-Form--horizontal bear-flex bear-flex-col bear-gap-4";
+    readonly inline: "Bear-Form--inline bear-flex bear-flex-wrap bear-items-end bear-gap-4";
+};
+/**
+ * Form item layout classes
+ */
+export declare const FORM_ITEM_LAYOUT_CLASSES: {
+    readonly vertical: "Bear-FormItem--vertical bear-flex bear-flex-col bear-gap-1.5";
+    readonly horizontal: "Bear-FormItem--horizontal bear-flex bear-flex-row bear-items-start bear-gap-4";
+    readonly inline: "Bear-FormItem--inline bear-flex bear-flex-col bear-gap-1";
+};
+/**
+ * Label width for horizontal layout
+ */
+export declare const FORM_LABEL_WIDTH_HORIZONTAL = "bear-w-32 bear-shrink-0";

package/dist/components/Form/Form.const.js

@@ -0,0 +1,27 @@
+const e = {
+  required: "This field is required",
+  email: "Please enter a valid email address",
+  pattern: "Invalid format"
+}, r = {
+  fields: {},
+  isSubmitting: !1,
+  isValid: !0,
+  isSubmitted: !1,
+  errors: {}
+}, a = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i, l = {
+  vertical: "Bear-Form--vertical bear-flex bear-flex-col bear-gap-4",
+  horizontal: "Bear-Form--horizontal bear-flex bear-flex-col bear-gap-4",
+  inline: "Bear-Form--inline bear-flex bear-flex-wrap bear-items-end bear-gap-4"
+}, i = {
+  vertical: "Bear-FormItem--vertical bear-flex bear-flex-col bear-gap-1.5",
+  horizontal: "Bear-FormItem--horizontal bear-flex bear-flex-row bear-items-start bear-gap-4",
+  inline: "Bear-FormItem--inline bear-flex bear-flex-col bear-gap-1"
+}, t = "bear-w-32 bear-shrink-0";
+export {
+  a as EMAIL_REGEX,
+  e as FORM_DEFAULT_TRANSLATIONS,
+  r as FORM_INITIAL_STATE,
+  i as FORM_ITEM_LAYOUT_CLASSES,
+  t as FORM_LABEL_WIDTH_HORIZONTAL,
+  l as FORM_LAYOUT_CLASSES
+};

package/dist/components/Form/Form.context.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext(null),n=()=>{const o=t.useContext(e);if(!o)throw new Error("useFormContext must be used within a Form component");return o},r=()=>t.useContext(e);exports.FormContext=e;exports.useFormContext=n;exports.useFormContextSafe=r;

package/dist/components/Form/Form.context.d.ts

@@ -0,0 +1,13 @@
+import { FormContextValue } from './Form.types';
+/**
+ * Form context
+ */
+export declare const FormContext: import('react').Context<FormContextValue | null>;
+/**
+ * Hook to access form context
+ */
+export declare const useFormContext: () => FormContextValue;
+/**
+ * Hook to safely access form context (returns null if not in Form)
+ */
+export declare const useFormContextSafe: () => FormContextValue | null;

package/dist/components/Form/Form.context.js

@@ -0,0 +1,12 @@
+import { createContext as n, useContext as o } from "react";
+const e = n(null), s = () => {
+  const t = o(e);
+  if (!t)
+    throw new Error("useFormContext must be used within a Form component");
+  return t;
+}, m = () => o(e);
+export {
+  e as FormContext,
+  s as useFormContext,
+  m as useFormContextSafe
+};

package/dist/components/Form/Form.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { FormProps, FormItemProps } from './Form.types';
+/**
+ * Form - Form management component with validation
+ *
+ * @example
+ * ```tsx
+ * <Form onSubmit={handleSubmit} initialValues={{ email: '' }}>
+ *   <Form.Item name="email" label="Email" rules={{ required: true, email: true }}>
+ *     <Input />
+ *   </Form.Item>
+ *   <Button type="submit">Submit</Button>
+ * </Form>
+ * ```
+ */
+export declare const Form: FC<FormProps> & {
+    Item: FC<FormItemProps>;
+};

package/dist/components/Form/Form.js

@@ -0,0 +1,230 @@
+import { jsx as g, jsxs as B } from "react/jsx-runtime";
+import { useState as M, useRef as V, useCallback as u, useMemo as q, isValidElement as z, cloneElement as k } from "react";
+import { cn as E } from "../../utils/cn.js";
+import { FormContext as D, useFormContext as H } from "./Form.context.js";
+import { validateFieldValue as P } from "./Form.utils.js";
+import { FORM_INITIAL_STATE as w, FORM_LAYOUT_CLASSES as U, FORM_LABEL_WIDTH_HORIZONTAL as Y, FORM_ITEM_LAYOUT_CLASSES as p } from "./Form.const.js";
+const W = ({
+  children: I,
+  initialValues: n = {},
+  onSubmit: x,
+  onError: l,
+  layout: F = "vertical",
+  validateOnChange: m = !0,
+  validateOnBlur: h = !0,
+  className: N,
+  testId: S,
+  ...v
+}) => {
+  const [o, i] = M(() => ({
+    ...w,
+    fields: Object.fromEntries(
+      Object.entries(n).map(([e, t]) => [
+        e,
+        { value: t, error: void 0, touched: !1, validating: !1, dirty: !1 }
+      ])
+    )
+  })), a = V({}), b = u((e, t) => {
+    i((r) => ({
+      ...r,
+      fields: {
+        ...r.fields,
+        [e]: {
+          ...r.fields[e],
+          value: t,
+          dirty: !0
+        }
+      }
+    }));
+  }, []), c = u((e) => {
+    var t;
+    return (t = o.fields[e]) == null ? void 0 : t.value;
+  }, [o.fields]), y = u((e, t) => {
+    i((r) => ({
+      ...r,
+      fields: {
+        ...r.fields,
+        [e]: {
+          ...r.fields[e],
+          error: t
+        }
+      },
+      errors: { ...r.errors, [e]: t }
+    }));
+  }, []), A = u((e) => {
+    i((t) => {
+      const r = { ...t.errors };
+      return delete r[e], {
+        ...t,
+        fields: {
+          ...t.fields,
+          [e]: {
+            ...t.fields[e],
+            error: void 0
+          }
+        },
+        errors: r
+      };
+    });
+  }, []), _ = u(async (e) => {
+    var f;
+    const t = a.current[e];
+    if (!t) return !0;
+    i((d) => ({
+      ...d,
+      fields: {
+        ...d.fields,
+        [e]: {
+          ...d.fields[e],
+          validating: !0
+        }
+      }
+    }));
+    const r = (f = o.fields[e]) == null ? void 0 : f.value, s = await P(r, t);
+    return i((d) => ({
+      ...d,
+      fields: {
+        ...d.fields,
+        [e]: {
+          ...d.fields[e],
+          error: s ?? void 0,
+          validating: !1
+        }
+      },
+      errors: s ? { ...d.errors, [e]: s } : (() => {
+        const T = { ...d.errors };
+        return delete T[e], T;
+      })()
+    })), !s;
+  }, [o.fields]), O = u(async () => {
+    const e = Object.keys(a.current);
+    return (await Promise.all(e.map(_))).every(Boolean);
+  }, [_]), L = u((e) => {
+    i({
+      ...w,
+      fields: Object.fromEntries(
+        Object.entries(e ?? n).map(([r, s]) => [
+          r,
+          { value: s, error: void 0, touched: !1, validating: !1, dirty: !1 }
+        ])
+      )
+    });
+  }, [n]), R = u((e, t) => {
+    var r;
+    return t && (a.current[e] = t), o.fields[e] || i((s) => ({
+      ...s,
+      fields: {
+        ...s.fields,
+        [e]: {
+          value: n[e] ?? "",
+          error: void 0,
+          touched: !1,
+          validating: !1,
+          dirty: !1
+        }
+      }
+    })), {
+      name: e,
+      value: ((r = o.fields[e]) == null ? void 0 : r.value) ?? n[e] ?? "",
+      onChange: (s) => {
+        b(e, s), m && t && setTimeout(() => _(e), 0);
+      },
+      onBlur: () => {
+        i((s) => ({
+          ...s,
+          fields: {
+            ...s.fields,
+            [e]: {
+              ...s.fields[e],
+              touched: !0
+            }
+          }
+        })), h && t && _(e);
+      }
+    };
+  }, [o.fields, n, b, _, m, h]), j = u(
+    (e) => async (t) => {
+      if (t.preventDefault(), i((f) => ({ ...f, isSubmitting: !0, isSubmitted: !0 })), !await O()) {
+        i((f) => ({ ...f, isSubmitting: !1 })), l == null || l(o.errors);
+        return;
+      }
+      const s = Object.fromEntries(
+        Object.entries(o.fields).map(([f, d]) => [f, d.value])
+      );
+      try {
+        await e(s);
+      } finally {
+        i((f) => ({ ...f, isSubmitting: !1 }));
+      }
+    },
+    [O, o.fields, o.errors, l]
+  ), C = q(
+    () => ({
+      state: o,
+      register: R,
+      setValue: b,
+      getValue: c,
+      setError: y,
+      clearError: A,
+      validateField: _,
+      validateForm: O,
+      reset: L,
+      handleSubmit: j,
+      layout: F
+    }),
+    [o, R, b, c, y, A, _, O, L, j, F]
+  );
+  return /* @__PURE__ */ g(D.Provider, { value: C, children: /* @__PURE__ */ g(
+    "form",
+    {
+      className: E("Bear-Form", U[F], N),
+      onSubmit: x ? j(x) : void 0,
+      "data-testid": S,
+      ...v,
+      children: I
+    }
+  ) });
+}, Z = ({
+  name: I,
+  label: n,
+  required: x,
+  rules: l,
+  helperText: F,
+  children: m,
+  className: h
+}) => {
+  const { register: N, state: S, layout: v } = H(), o = {
+    ...l,
+    required: x ?? (l == null ? void 0 : l.required)
+  }, i = N(I, o), a = S.fields[I], b = (a == null ? void 0 : a.touched) && (a == null ? void 0 : a.error);
+  return /* @__PURE__ */ B("div", { className: E("Bear-FormItem", p[v], h), children: [
+    n && /* @__PURE__ */ B(
+      "label",
+      {
+        className: E(
+          "Bear-FormItem__label bear-text-sm bear-font-medium bear-text-zinc-300",
+          v === "horizontal" && Y
+        ),
+        children: [
+          n,
+          (x || (l == null ? void 0 : l.required)) && /* @__PURE__ */ g("span", { className: "Bear-FormItem__required bear-text-red-500 bear-ml-0.5", children: "*" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ B("div", { className: "Bear-FormItem__content bear-flex-1", children: [
+      /* @__PURE__ */ g("div", { className: "Bear-FormItem__control", children: typeof m == "function" ? m(i) : z(m) ? k(m, {
+        ...i,
+        onChange: (c) => {
+          const y = c && typeof c == "object" && "target" in c && c.target && typeof c.target.value < "u" ? c.target.value : c;
+          i.onChange(y);
+        }
+      }) : m }),
+      b && /* @__PURE__ */ g("p", { className: "Bear-FormItem__error bear-mt-1 bear-text-xs bear-text-red-400", children: a.error }),
+      F && !b && /* @__PURE__ */ g("p", { className: "Bear-FormItem__helper bear-mt-1 bear-text-xs bear-text-zinc-500", children: F })
+    ] })
+  ] });
+};
+W.Item = Z;
+export {
+  W as Form
+};

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

@@ -0,0 +1,166 @@
+import { ReactNode, FormHTMLAttributes } from 'react';
+/**
+ * Validation rule types
+ */
+export type ValidationRule = {
+    /** Required field validation */
+    required?: boolean | string;
+    /** Minimum length validation */
+    minLength?: {
+        value: number;
+        message: string;
+    };
+    /** Maximum length validation */
+    maxLength?: {
+        value: number;
+        message: string;
+    };
+    /** Minimum value validation (for numbers) */
+    min?: {
+        value: number;
+        message: string;
+    };
+    /** Maximum value validation (for numbers) */
+    max?: {
+        value: number;
+        message: string;
+    };
+    /** Pattern validation (regex) */
+    pattern?: {
+        value: RegExp;
+        message: string;
+    };
+    /** Custom validation function */
+    validate?: (value: unknown) => boolean | string | Promise<boolean | string>;
+    /** Email validation */
+    email?: boolean | string;
+};
+/**
+ * Form field state
+ */
+export interface FormFieldState {
+    /** Current value */
+    value: unknown;
+    /** Error message if validation failed */
+    error?: string;
+    /** Whether field has been touched */
+    touched: boolean;
+    /** Whether field is currently being validated */
+    validating: boolean;
+    /** Whether field is dirty (value changed) */
+    dirty: boolean;
+}
+/**
+ * Form state
+ */
+export interface FormState {
+    /** Field states by name */
+    fields: Record<string, FormFieldState>;
+    /** Whether form is currently submitting */
+    isSubmitting: boolean;
+    /** Whether form is valid */
+    isValid: boolean;
+    /** Whether form has been submitted */
+    isSubmitted: boolean;
+    /** Form-level errors */
+    errors: Record<string, string>;
+}
+/**
+ * Form context value
+ */
+export interface FormContextValue {
+    /** Current form state */
+    state: FormState;
+    /** Register a field */
+    register: (name: string, rules?: ValidationRule) => {
+        name: string;
+        value: unknown;
+        onChange: (value: unknown) => void;
+        onBlur: () => void;
+    };
+    /** Set field value */
+    setValue: (name: string, value: unknown) => void;
+    /** Get field value */
+    getValue: (name: string) => unknown;
+    /** Set field error */
+    setError: (name: string, error: string) => void;
+    /** Clear field error */
+    clearError: (name: string) => void;
+    /** Validate a field */
+    validateField: (name: string) => Promise<boolean>;
+    /** Validate all fields */
+    validateForm: () => Promise<boolean>;
+    /** Reset form */
+    reset: (values?: Record<string, unknown>) => void;
+    /** Handle form submission */
+    handleSubmit: (onSubmit: (data: Record<string, unknown>) => void | Promise<void>) => (e: React.FormEvent) => void;
+    /** Form layout */
+    layout: FormLayout;
+}
+/**
+ * Form layout options
+ */
+export type FormLayout = 'vertical' | 'horizontal' | 'inline';
+/**
+ * Form component props
+ */
+export interface FormProps extends Omit<FormHTMLAttributes<HTMLFormElement>, 'onSubmit' | 'onError'> {
+    /** Child elements */
+    children: ReactNode;
+    /** Initial form values */
+    initialValues?: Record<string, unknown>;
+    /** Form submission handler */
+    onSubmit?: (data: Record<string, unknown>) => void | Promise<void>;
+    /** Form validation error handler */
+    onError?: (errors: Record<string, string>) => void;
+    /** Form layout */
+    layout?: FormLayout;
+    /** Whether to validate on change */
+    validateOnChange?: boolean;
+    /** Whether to validate on blur */
+    validateOnBlur?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+/**
+ * Field props from register
+ */
+export interface FormFieldProps {
+    name: string;
+    value: unknown;
+    onChange: (value: unknown) => void;
+    onBlur: () => void;
+}
+/**
+ * Form.Item props
+ */
+export interface FormItemProps {
+    /** Field name */
+    name: string;
+    /** Field label */
+    label?: string;
+    /** Required indicator */
+    required?: boolean;
+    /** Validation rules */
+    rules?: ValidationRule;
+    /** Helper text */
+    helperText?: string;
+    /** Children (form control or render prop) */
+    children: ReactNode | ((field: FormFieldProps) => ReactNode);
+    /** Custom class name */
+    className?: string;
+}
+/**
+ * Form translations
+ */
+export interface FormTranslations {
+    required: string;
+    email: string;
+    minLength: string;
+    maxLength: string;
+    min: string;
+    max: string;
+    pattern: string;
+}

package/dist/components/Form/Form.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./Form.const.cjs"),r=async(i,t)=>{const n=typeof i=="string"?i:String(i??""),e=typeof i=="number"?i:Number(i);if(t.required&&(i==null||n.trim()===""))return typeof t.required=="string"?t.required:m.FORM_DEFAULT_TRANSLATIONS.required;if(i==null||n==="")return null;if(t.email&&!m.EMAIL_REGEX.test(n))return typeof t.email=="string"?t.email:m.FORM_DEFAULT_TRANSLATIONS.email;if(t.minLength&&n.length<t.minLength.value)return t.minLength.message;if(t.maxLength&&n.length>t.maxLength.value)return t.maxLength.message;if(t.min&&!isNaN(e)&&e<t.min.value)return t.min.message;if(t.max&&!isNaN(e)&&e>t.max.value)return t.max.message;if(t.pattern&&!t.pattern.value.test(n))return t.pattern.message;if(t.validate){const a=await t.validate(i);if(typeof a=="string")return a;if(a===!1)return m.FORM_DEFAULT_TRANSLATIONS.pattern}return null};exports.validateFieldValue=r;

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

@@ -0,0 +1,17 @@
+import { ValidationRule } from './Form.types';
+/**
+ * Validate a single field value against rules
+ */
+export declare const validateFieldValue: (value: unknown, rules: ValidationRule) => Promise<string | null>;
+/**
+ * Deep clone an object
+ */
+export declare const deepClone: <T>(obj: T) => T;
+/**
+ * Get nested value from object by path
+ */
+export declare const getNestedValue: (obj: Record<string, unknown>, path: string) => unknown;
+/**
+ * Set nested value in object by path
+ */
+export declare const setNestedValue: (obj: Record<string, unknown>, path: string, value: unknown) => Record<string, unknown>;

package/dist/components/Form/Form.utils.js

@@ -0,0 +1,31 @@
+import { FORM_DEFAULT_TRANSLATIONS as m, EMAIL_REGEX as f } from "./Form.const.js";
+const g = async (i, t) => {
+  const n = typeof i == "string" ? i : String(i ?? ""), e = typeof i == "number" ? i : Number(i);
+  if (t.required && (i == null || n.trim() === ""))
+    return typeof t.required == "string" ? t.required : m.required;
+  if (i == null || n === "")
+    return null;
+  if (t.email && !f.test(n))
+    return typeof t.email == "string" ? t.email : m.email;
+  if (t.minLength && n.length < t.minLength.value)
+    return t.minLength.message;
+  if (t.maxLength && n.length > t.maxLength.value)
+    return t.maxLength.message;
+  if (t.min && !isNaN(e) && e < t.min.value)
+    return t.min.message;
+  if (t.max && !isNaN(e) && e > t.max.value)
+    return t.max.message;
+  if (t.pattern && !t.pattern.value.test(n))
+    return t.pattern.message;
+  if (t.validate) {
+    const a = await t.validate(i);
+    if (typeof a == "string")
+      return a;
+    if (a === !1)
+      return m.pattern;
+  }
+  return null;
+};
+export {
+  g as validateFieldValue
+};

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

@@ -0,0 +1,3 @@
+export { Form } from './Form';
+export { useFormContext, useFormContextSafe } from './Form.context';
+export type { FormProps, FormItemProps, FormState, FormFieldState, FormContextValue, FormLayout, ValidationRule, FormTranslations, } from './Form.types';

package/dist/components/Kanban/Kanban.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),K=require("react"),m=require("../../utils/cn.cjs");require("../../context/BearProvider.cjs");const P=require("../../hooks/useDragDrop/useDragDrop.cjs"),S="bear-kanban",$=({columns:n,onColumnsChange:o,onCardMove:p,renderCard:h,renderColumnHeader:u,disabled:y=!1,className:v})=>{const w=K.useCallback((r,e,i,b,d)=>{const l=n.find(a=>a.id===r),s=n.find(a=>a.id===e);if(!l||!s)return;const f=n.map(a=>{if(a.id===r){const c=a.cards.filter((x,g)=>g!==i);return{...a,cards:c}}if(a.id===e){const c=r===e&&i<b?b-1:b,x=[...a.cards];return x.splice(Math.max(0,c),0,d),{...a,cards:x}}return a});o==null||o(f),p==null||p(d.id,r,e,i,b)},[n,o,p]),{getDragProps:N,getDropProps:j,isDragging:_,draggedId:z,dragOverId:k}=P.useDragDrop({disabled:y,dragType:S,onDrop:(r,e,i,b,d)=>{var D;const l=String(r),s=String(e),f=l.split("-")[0],a=parseInt(l.split("-")[1],10)||0,c=s.endsWith("-col")?s.replace("-col",""):s.split("-")[0],x=s.endsWith("-col")?((D=n.find(q=>q.id===c))==null?void 0:D.cards.length)??0:parseInt(s.split("-")[1],10),g=d;g!=null&&g.id&&w(f,c,a,x,g)}});return t.jsx("div",{className:m.cn("Bear-Kanban bear-flex bear-gap-4 bear-overflow-x-auto bear-pb-4",y&&"bear-opacity-50 bear-pointer-events-none",v),children:n.map(r=>t.jsxs("div",{...j(`${r.id}-col`,r,0),className:m.cn("Bear-Kanban__column bear-flex-shrink-0 bear-w-72 bear-flex bear-flex-col bear-rounded-lg bear-bg-gray-100 dark:bear-bg-zinc-800/80 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-transition-colors",k===`${r.id}-col`&&"bear-border-bear-500 bear-bg-bear-500/5"),children:[t.jsx("div",{className:"bear-px-4 bear-py-3 bear-border-b bear-border-gray-200 dark:bear-border-zinc-700",children:u?u(r):t.jsx("h3",{className:"bear-text-sm bear-font-semibold bear-text-gray-900 dark:bear-text-white",children:r.title})}),t.jsx("div",{className:"bear-flex-1 bear-flex bear-flex-col bear-gap-2 bear-p-3 bear-min-h-[120px]",children:r.cards.map((e,i)=>{const b=`${r.id}-${i}`,d=_&&z===b;return t.jsx("div",{...j(b,e,i),...N(b,e,i),className:m.cn("Bear-Kanban__card bear-rounded-lg bear-bg-white dark:bear-bg-zinc-700/80 bear-border bear-border-gray-200 dark:bear-border-zinc-600 bear-p-3 bear-cursor-grab active:bear-cursor-grabbing bear-transition-all bear-shadow-sm",d&&"bear-opacity-50 bear-scale-95",k===b&&"bear-border-bear-500 bear-bg-bear-500/10"),children:h?h(e,r.id):t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"bear-font-medium bear-text-gray-900 dark:bear-text-white",children:e.title}),e.description&&t.jsx("div",{className:"bear-text-sm bear-text-gray-600 dark:bear-text-zinc-400 bear-mt-1",children:e.description}),e.meta&&t.jsx("div",{className:"bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500 bear-mt-2",children:e.meta})]})},e.id)})})]},r.id))})};exports.Kanban=$;

package/dist/components/Kanban/Kanban.d.ts

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