@noxickon/onyx 4.1.6 → 5.0.0

package/dist/contexts/contexts.cjs.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../chunks/ui-BBpe54MX.js"),y=require("react/jsx-runtime"),s=require("react"),j=require("@apollo/client"),w=require("../chunks/hooks-H39lCrRt.js");function T(r={}){const{checks:e={}}=r,d=s.createContext(void 0);function l({children:a,fetcher:o,pollInterval:f=300*1e3}){const[n,i]=s.useState(null),[u,_]=s.useState(!0),[v,p]=s.useState(null),O=s.useRef(null),D=s.useRef(!0),E=s.useRef(o);E.current=o;const m=s.useCallback(async()=>{try{const t=await E.current();D.current&&(i(t),p(null))}catch(t){D.current&&(p(t instanceof Error?t:new Error("Unknown error")),i(null))}finally{D.current&&_(!1)}},[]);s.useEffect(()=>(D.current=!0,m(),f>0&&(O.current=setInterval(m,f)),()=>{D.current=!1,O.current&&clearInterval(O.current)}),[m,f]);const h=s.useMemo(()=>{const t={};for(const[g,b]of Object.entries(e))t[g]=b(n);return t},[n]),F=!!n,c=s.useMemo(()=>({checks:h,error:v,isLoggedIn:F,loading:u,refreshUser:m,user:n}),[h,v,F,u,m,n]);return y.jsx(d.Provider,{value:c,children:a})}function x(){const a=s.useContext(d);if(!a)throw new Error("useOxAuth must be used within an OxAuthProvider");return a}return{OxAuthProvider:l,useOxAuth:x}}const k=j.gql`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("../chunks/ui-Bz7A98Kq.js"),S=require("@apollo/client"),y=require("react/jsx-runtime"),s=require("react"),j=require("../chunks/hooks-B58X4Fdh.js");function T(r={}){const{checks:e={}}=r,d=s.createContext(void 0);function l({children:a,fetcher:o,pollInterval:f=300*1e3}){const[n,i]=s.useState(null),[u,w]=s.useState(!0),[p,D]=s.useState(null),O=s.useRef(null),E=s.useRef(!0),F=s.useRef(o);F.current=o;const m=s.useCallback(async()=>{try{const t=await F.current();E.current&&(i(t),D(null))}catch(t){E.current&&(D(t instanceof Error?t:new Error("Unknown error")),i(null))}finally{E.current&&w(!1)}},[]);s.useEffect(()=>(E.current=!0,m(),f>0&&(O.current=setInterval(m,f)),()=>{E.current=!1,O.current&&clearInterval(O.current)}),[m,f]);const h=s.useMemo(()=>{const t={};for(const[g,_]of Object.entries(e))t[g]=_(n);return t},[n]),b=!!n,c=s.useMemo(()=>({checks:h,error:p,isLoggedIn:b,loading:u,refreshUser:m,user:n}),[h,p,b,u,m,n]);return y.jsx(d.Provider,{value:c,children:a})}function x(){const a=s.useContext(d);if(!a)throw new Error("useOxAuth must be used within an OxAuthProvider");return a}return{OxAuthProvider:l,useOxAuth:x}}const A=S.gql`
   query getFeatures {
     features
   }
-`,C=s.createContext(void 0);function q({children:r,enableDevMode:e=!1,getFeaturesQuery:d=k,options:l={},pollInterval:x=300*1e3}){const{data:a,error:o,loading:f,refetch:n}=w.useQuery(d,{fetchPolicy:"cache-and-network",nextFetchPolicy:"cache-first",errorPolicy:"all",pollInterval:x,skip:e,...l}),i=a?.features||{},u=_=>e?!0:i[_]??!1;return y.jsx(C.Provider,{value:{features:i,isEnabled:u,loading:f,error:o??null,refreshFeatures:n,enableDevMode:e},children:r})}function R(){const r=s.useContext(C);if(!r)throw new Error("useOxFeature must be used within an OxFeatureProvider");return r}const U=r=>{const e=w.compilerRuntimeExports.c(8),{children:d,className:l,fallback:x,name:a}=r,o=x===void 0?null:x,{isEnabled:f}=R();if(!f(a)){let u;return e[0]!==l||e[1]!==o?(u=o?y.jsx("div",{className:A.cn("contents",l),children:o}):null,e[0]=l,e[1]=o,e[2]=u):u=e[2],u}let n;e[3]!==l?(n=A.cn("contents",l),e[3]=l,e[4]=n):n=e[4];let i;return e[5]!==d||e[6]!==n?(i=y.jsx("div",{className:n,children:d}),e[5]=d,e[6]=n,e[7]=i):i=e[7],i},S=s.createContext(null),L=r=>{const e=w.compilerRuntimeExports.c(17),{children:d,maxDialogs:l}=r,x=l===void 0?3:l;let a;e[0]===Symbol.for("react.memo_cache_sentinel")?(a=[],e[0]=a):a=e[0];const[o,f]=s.useState(a);let n,i;e[1]!==o?(n=()=>{const c=o.some(M);return document.body.classList.toggle("overflow-hidden",c),I},i=[o],e[1]=o,e[2]=n,e[3]=i):(n=e[2],i=e[3]),s.useEffect(n,i);let u;e[4]===Symbol.for("react.memo_cache_sentinel")?(u=()=>{let c=null;f(t=>{const g=t.filter(N),b=w.head(g);return b?(c=b.id,t.map(P=>P.id===b.id?{...P,isOpen:!1}:P)):t}),c&&setTimeout(()=>{f(t=>w.reject(t,g=>g.id===c))},200)},e[4]=u):u=e[4];const _=u;let v;e[5]!==x?(v=(c,t)=>{const g=w.uniqueId(),b={id:g,content:c,isOpen:!0,options:t};return f(P=>[b,...P].slice(0,x)),g},e[5]=x,e[6]=v):v=e[6];const p=v;let O;e[7]===Symbol.for("react.memo_cache_sentinel")?(O=()=>{f($),setTimeout(()=>{f([])},200)},e[7]=O):O=e[7];const D=O;let E;e[8]!==p?(E=Object.assign((c,t)=>p(c,t),{open:p,dismiss:_,dismissAll:D}),e[8]=p,e[9]=E):E=e[9];const m=E;let h;if(e[10]!==o){let c;e[12]===Symbol.for("react.memo_cache_sentinel")?(c=t=>y.jsx(A.OxDialog,{isOpen:t.isOpen,onClose:_,...t.options,children:t.content},t.id),e[12]=c):c=e[12],h=o.map(c),e[10]=o,e[11]=h}else h=e[11];let F;return e[13]!==d||e[14]!==m||e[15]!==h?(F=y.jsxs(S.Provider,{value:m,children:[d,h]}),e[13]=d,e[14]=m,e[15]=h,e[16]=F):F=e[16],F};function M(r){return r.isOpen}function I(){document.body.classList.remove("overflow-hidden")}function N(r){return r.isOpen}function G(r){return{...r,isOpen:!1}}function $(r){return r.map(G)}const Q=()=>{const r=s.useContext(S);if(!r)throw new Error("useOxDialog must be used within a DialogProvider");return r};exports.DEFAULT_GET_FEATURES=k;exports.OxDialogProvider=L;exports.OxFeatureFlag=U;exports.OxFeatureProvider=q;exports.createOxAuth=T;exports.useOxDialog=Q;exports.useOxFeature=R;
+`,k=s.createContext(void 0);function q({children:r,enableDevMode:e=!1,getFeaturesQuery:d=A,options:l={},pollInterval:x=300*1e3}){const{data:a,error:o,loading:f,refetch:n}=j.useQuery(d,{fetchPolicy:"cache-and-network",nextFetchPolicy:"cache-first",errorPolicy:"all",pollInterval:x,skip:e,...l}),i=a?.features||{},u=w=>e?!0:i[w]??!1;return y.jsx(k.Provider,{value:{features:i,isEnabled:u,loading:f,error:o??null,refreshFeatures:n,enableDevMode:e},children:r})}function C(){const r=s.useContext(k);if(!r)throw new Error("useOxFeature must be used within an OxFeatureProvider");return r}const U=r=>{const e=v.compilerRuntimeExports.c(8),{children:d,className:l,fallback:x,name:a}=r,o=x===void 0?null:x,{isEnabled:f}=C();if(!f(a)){let u;return e[0]!==l||e[1]!==o?(u=o?y.jsx("div",{className:v.cn("contents",l),children:o}):null,e[0]=l,e[1]=o,e[2]=u):u=e[2],u}let n;e[3]!==l?(n=v.cn("contents",l),e[3]=l,e[4]=n):n=e[4];let i;return e[5]!==d||e[6]!==n?(i=y.jsx("div",{className:n,children:d}),e[5]=d,e[6]=n,e[7]=i):i=e[7],i},R=s.createContext(null),L=r=>{const e=v.compilerRuntimeExports.c(17),{children:d,maxDialogs:l}=r,x=l===void 0?3:l;let a;e[0]===Symbol.for("react.memo_cache_sentinel")?(a=[],e[0]=a):a=e[0];const[o,f]=s.useState(a);let n,i;e[1]!==o?(n=()=>{const c=o.some(M);return document.body.classList.toggle("overflow-hidden",c),I},i=[o],e[1]=o,e[2]=n,e[3]=i):(n=e[2],i=e[3]),s.useEffect(n,i);let u;e[4]===Symbol.for("react.memo_cache_sentinel")?(u=()=>{let c=null;f(t=>{const g=t.filter(N),_=v.head(g);return _?(c=_.id,t.map(P=>P.id===_.id?{...P,isOpen:!1}:P)):t}),c&&setTimeout(()=>{f(t=>v.reject(t,g=>g.id===c))},200)},e[4]=u):u=e[4];const w=u;let p;e[5]!==x?(p=(c,t)=>{const g=v.uniqueId(),_={id:g,content:c,isOpen:!0,options:t};return f(P=>[_,...P].slice(0,x)),g},e[5]=x,e[6]=p):p=e[6];const D=p;let O;e[7]===Symbol.for("react.memo_cache_sentinel")?(O=()=>{f($),setTimeout(()=>{f([])},200)},e[7]=O):O=e[7];const E=O;let F;e[8]!==D?(F=Object.assign((c,t)=>D(c,t),{open:D,dismiss:w,dismissAll:E}),e[8]=D,e[9]=F):F=e[9];const m=F;let h;if(e[10]!==o){let c;e[12]===Symbol.for("react.memo_cache_sentinel")?(c=t=>y.jsx(v.OxDialog,{isOpen:t.isOpen,onClose:w,...t.options,children:t.content},t.id),e[12]=c):c=e[12],h=o.map(c),e[10]=o,e[11]=h}else h=e[11];let b;return e[13]!==d||e[14]!==m||e[15]!==h?(b=y.jsxs(R.Provider,{value:m,children:[d,h]}),e[13]=d,e[14]=m,e[15]=h,e[16]=b):b=e[16],b};function M(r){return r.isOpen}function I(){document.body.classList.remove("overflow-hidden")}function N(r){return r.isOpen}function G(r){return{...r,isOpen:!1}}function $(r){return r.map(G)}const Q=()=>{const r=s.useContext(R);if(!r)throw new Error("useOxDialog must be used within a DialogProvider");return r};exports.DEFAULT_GET_FEATURES=A;exports.OxDialogProvider=L;exports.OxFeatureFlag=U;exports.OxFeatureProvider=q;exports.createOxAuth=T;exports.useOxDialog=Q;exports.useOxFeature=C;

package/dist/contexts/contexts.es.js

@@ -1,30 +1,30 @@
-import { ag as C, y as T } from "../chunks/ui-DaY9hD0b.js";
-import { jsx as E, jsxs as q } from "react/jsx-runtime";
-import { createContext as k, useContext as A, useState as F, useRef as P, useCallback as I, useEffect as S, useMemo as R } from "react";
-import { gql as N } from "@apollo/client";
-import { C as M, d as U, D as $, x as z, z as G } from "../chunks/hooks-BMXCuU2h.js";
+import { c as S, av as C, aw as T, ax as q, B as I, ay as N } from "../chunks/ui-CezxuKW0.js";
+import { gql as M } from "@apollo/client";
+import { jsx as E, jsxs as $ } from "react/jsx-runtime";
+import { createContext as P, useContext as A, useState as F, useRef as k, useCallback as B, useEffect as U, useMemo as R } from "react";
+import { k as G } from "../chunks/hooks-iUUmqFrq.js";
 function ne(r = {}) {
   const {
     checks: e = {}
-  } = r, f = k(void 0);
+  } = r, f = P(void 0);
   function l({
     children: u,
     fetcher: s,
     pollInterval: a = 300 * 1e3
   }) {
-    const [n, i] = F(null), [c, y] = F(!0), [O, p] = F(null), x = P(null), v = P(!0), D = P(s);
-    D.current = s;
-    const m = I(async () => {
+    const [n, c] = F(null), [i, y] = F(!0), [O, p] = F(null), x = k(null), v = k(!0), w = k(s);
+    w.current = s;
+    const m = B(async () => {
       try {
-        const t = await D.current();
-        v.current && (i(t), p(null));
+        const t = await w.current();
+        v.current && (c(t), p(null));
       } catch (t) {
-        v.current && (p(t instanceof Error ? t : new Error("Unknown error")), i(null));
+        v.current && (p(t instanceof Error ? t : new Error("Unknown error")), c(null));
       } finally {
         v.current && y(!1);
       }
     }, []);
-    S(() => (v.current = !0, m(), a > 0 && (x.current = setInterval(m, a)), () => {
+    U(() => (v.current = !0, m(), a > 0 && (x.current = setInterval(m, a)), () => {
       v.current = !1, x.current && clearInterval(x.current);
     }), [m, a]);
     const h = R(() => {
@@ -32,14 +32,14 @@ function ne(r = {}) {
       for (const [g, b] of Object.entries(e))
         t[g] = b(n);
       return t;
-    }, [n]), w = !!n, o = R(() => ({
+    }, [n]), D = !!n, o = R(() => ({
       checks: h,
       error: O,
-      isLoggedIn: w,
-      loading: c,
+      isLoggedIn: D,
+      loading: i,
       refreshUser: m,
       user: n
-    }), [h, O, w, c, m, n]);
+    }), [h, O, D, i, m, n]);
     return /* @__PURE__ */ E(f.Provider, { value: o, children: u });
   }
   function d() {
@@ -53,11 +53,11 @@ function ne(r = {}) {
     useOxAuth: d
   };
 }
-const Q = N`
+const Q = M`
   query getFeatures {
     features
   }
-`, j = k(void 0);
+`, j = P(void 0);
 function se({
   children: r,
   enableDevMode: e = !1,
@@ -70,76 +70,76 @@ function se({
     error: s,
     loading: a,
     refetch: n
-  } = M(f, {
+  } = G(f, {
     fetchPolicy: "cache-and-network",
     nextFetchPolicy: "cache-first",
     errorPolicy: "all",
     pollInterval: d,
     skip: e,
     ...l
-  }), i = u?.features || {}, c = (y) => e ? !0 : i[y] ?? !1;
+  }), c = u?.features || {}, i = (y) => e ? !0 : c[y] ?? !1;
   return /* @__PURE__ */ E(j.Provider, { value: {
-    features: i,
-    isEnabled: c,
+    features: c,
+    isEnabled: i,
     loading: a,
     error: s ?? null,
     refreshFeatures: n,
     enableDevMode: e
   }, children: r });
 }
-function B() {
+function z() {
   const r = A(j);
   if (!r)
     throw new Error("useOxFeature must be used within an OxFeatureProvider");
   return r;
 }
 const oe = (r) => {
-  const e = U.c(8), {
+  const e = S.c(8), {
     children: f,
     className: l,
     fallback: d,
     name: u
   } = r, s = d === void 0 ? null : d, {
     isEnabled: a
-  } = B();
+  } = z();
   if (!a(u)) {
-    let c;
-    return e[0] !== l || e[1] !== s ? (c = s ? /* @__PURE__ */ E("div", { className: C("contents", l), children: s }) : null, e[0] = l, e[1] = s, e[2] = c) : c = e[2], c;
+    let i;
+    return e[0] !== l || e[1] !== s ? (i = s ? /* @__PURE__ */ E("div", { className: C("contents", l), children: s }) : null, e[0] = l, e[1] = s, e[2] = i) : i = e[2], i;
   }
   let n;
   e[3] !== l ? (n = C("contents", l), e[3] = l, e[4] = n) : n = e[4];
-  let i;
-  return e[5] !== f || e[6] !== n ? (i = /* @__PURE__ */ E("div", { className: n, children: f }), e[5] = f, e[6] = n, e[7] = i) : i = e[7], i;
-}, L = k(null), ie = (r) => {
-  const e = U.c(17), {
+  let c;
+  return e[5] !== f || e[6] !== n ? (c = /* @__PURE__ */ E("div", { className: n, children: f }), e[5] = f, e[6] = n, e[7] = c) : c = e[7], c;
+}, L = P(null), ce = (r) => {
+  const e = S.c(17), {
     children: f,
     maxDialogs: l
   } = r, d = l === void 0 ? 3 : l;
   let u;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (u = [], e[0] = u) : u = e[0];
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = [], e[0] = u) : u = e[0];
   const [s, a] = F(u);
-  let n, i;
+  let n, c;
   e[1] !== s ? (n = () => {
     const o = s.some(H);
     return document.body.classList.toggle("overflow-hidden", o), J;
-  }, i = [s], e[1] = s, e[2] = n, e[3] = i) : (n = e[2], i = e[3]), S(n, i);
-  let c;
-  e[4] === Symbol.for("react.memo_cache_sentinel") ? (c = () => {
+  }, c = [s], e[1] = s, e[2] = n, e[3] = c) : (n = e[2], c = e[3]), U(n, c);
+  let i;
+  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = () => {
     let o = null;
     a((t) => {
-      const g = t.filter(K), b = $(g);
+      const g = t.filter(K), b = T(g);
       return b ? (o = b.id, t.map((_) => _.id === b.id ? {
         ..._,
         isOpen: !1
       } : _)) : t;
     }), o && setTimeout(() => {
-      a((t) => z(t, (g) => g.id === o));
+      a((t) => q(t, (g) => g.id === o));
     }, 200);
-  }, e[4] = c) : c = e[4];
-  const y = c;
+  }, e[4] = i) : i = e[4];
+  const y = i;
   let O;
   e[5] !== d ? (O = (o, t) => {
-    const g = G(), b = {
+    const g = N(), b = {
       id: g,
       content: o,
       isOpen: !0,
@@ -149,30 +149,30 @@ const oe = (r) => {
   }, e[5] = d, e[6] = O) : O = e[6];
   const p = O;
   let x;
-  e[7] === Symbol.for("react.memo_cache_sentinel") ? (x = () => {
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = () => {
     a(W), setTimeout(() => {
       a([]);
     }, 200);
   }, e[7] = x) : x = e[7];
   const v = x;
-  let D;
-  e[8] !== p ? (D = Object.assign((o, t) => p(o, t), {
+  let w;
+  e[8] !== p ? (w = Object.assign((o, t) => p(o, t), {
     open: p,
     dismiss: y,
     dismissAll: v
-  }), e[8] = p, e[9] = D) : D = e[9];
-  const m = D;
+  }), e[8] = p, e[9] = w) : w = e[9];
+  const m = w;
   let h;
   if (e[10] !== s) {
     let o;
-    e[12] === Symbol.for("react.memo_cache_sentinel") ? (o = (t) => /* @__PURE__ */ E(T, { isOpen: t.isOpen, onClose: y, ...t.options, children: t.content }, t.id), e[12] = o) : o = e[12], h = s.map(o), e[10] = s, e[11] = h;
+    e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = (t) => /* @__PURE__ */ E(I, { isOpen: t.isOpen, onClose: y, ...t.options, children: t.content }, t.id), e[12] = o) : o = e[12], h = s.map(o), e[10] = s, e[11] = h;
   } else
     h = e[11];
-  let w;
-  return e[13] !== f || e[14] !== m || e[15] !== h ? (w = /* @__PURE__ */ q(L.Provider, { value: m, children: [
+  let D;
+  return e[13] !== f || e[14] !== m || e[15] !== h ? (D = /* @__PURE__ */ $(L.Provider, { value: m, children: [
     f,
     h
-  ] }), e[13] = f, e[14] = m, e[15] = h, e[16] = w) : w = e[16], w;
+  ] }), e[13] = f, e[14] = m, e[15] = h, e[16] = D) : D = e[16], D;
 };
 function H(r) {
   return r.isOpen;
@@ -192,7 +192,7 @@ function V(r) {
 function W(r) {
   return r.map(V);
 }
-const ce = () => {
+const ie = () => {
   const r = A(L);
   if (!r)
     throw new Error("useOxDialog must be used within a DialogProvider");
@@ -200,10 +200,10 @@ const ce = () => {
 };
 export {
   Q as DEFAULT_GET_FEATURES,
-  ie as OxDialogProvider,
+  ce as OxDialogProvider,
   oe as OxFeatureFlag,
   se as OxFeatureProvider,
   ne as createOxAuth,
-  ce as useOxDialog,
-  B as useOxFeature
+  ie as useOxDialog,
+  z as useOxFeature
 };

package/dist/forms/Checkbox/Checkbox.stories.d.ts

@@ -2,9 +2,9 @@ import { ComponentType } from 'react';
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: (({ checked, className, defaultChecked, disabled, error, id: propertyId, name, onChange, onCheckedChange, required, value, ...domProps }: import('..').OxCheckboxProps) => import("react/jsx-runtime").JSX.Element) & {
-        Group: ({ children, className, disabled, name, onChange, value, ...domProps }: import('..').OxCheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;
-        GroupItem: ({ className, disabled: ownDisabled, error, id: propertyId, name: ownName, onChange, required, value, ...domProps }: import('..').OxCheckboxGroupItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: (({ checked, className, defaultChecked, disabled, error, id: propertyId, name, onChange, onCheckedChange, required, size, value, ...domProps }: import('..').OxCheckboxProps) => import("react/jsx-runtime").JSX.Element) & {
+        Group: ({ children, className, defaultValue, disabled, error, name, onValueChange, orientation, size, value, ...domProps }: import('..').OxCheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;
+        GroupItem: ({ className, disabled: ownDisabled, error, id: propertyId, name: ownName, onChange, required, size, value, ...domProps }: import('..').OxCheckboxGroupItemProps) => import("react/jsx-runtime").JSX.Element;
     };
     subcomponents: {
         'OxCheckbox.Group': ComponentType<unknown>;
@@ -43,6 +43,11 @@ declare const meta: {
             control: "boolean";
             description: string;
         };
+        size: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
         value: {
             control: "text";
             description: string;
@@ -75,6 +80,8 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Playground: Story;
+export declare const Sizes: Story;
 export declare const States: Story;
 export declare const Controlled: Story;
 export declare const Group: Story;
+export declare const Orientation: Story;

package/dist/forms/Checkbox/index.d.ts

@@ -1,5 +1,5 @@
 export type * from './src/Checkbox.types';
-export declare const OxCheckbox: (({ checked, className, defaultChecked, disabled, error, id: propertyId, name, onChange, onCheckedChange, required, value, ...domProps }: import('.').OxCheckboxProps) => import("react/jsx-runtime").JSX.Element) & {
-    Group: ({ children, className, disabled, name, onChange, value, ...domProps }: import('.').OxCheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;
-    GroupItem: ({ className, disabled: ownDisabled, error, id: propertyId, name: ownName, onChange, required, value, ...domProps }: import('.').OxCheckboxGroupItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OxCheckbox: (({ checked, className, defaultChecked, disabled, error, id: propertyId, name, onChange, onCheckedChange, required, size, value, ...domProps }: import('.').OxCheckboxProps) => import("react/jsx-runtime").JSX.Element) & {
+    Group: ({ children, className, defaultValue, disabled, error, name, onValueChange, orientation, size, value, ...domProps }: import('.').OxCheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;
+    GroupItem: ({ className, disabled: ownDisabled, error, id: propertyId, name: ownName, onChange, required, size, value, ...domProps }: import('.').OxCheckboxGroupItemProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/forms/Checkbox/src/Checkbox.d.ts

@@ -1,2 +1,2 @@
 import { OxCheckboxProps } from './Checkbox.types';
-export declare const OxCheckbox: ({ checked, className, defaultChecked, disabled, error, id: propertyId, name, onChange, onCheckedChange, required, value, ...domProps }: OxCheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OxCheckbox: ({ checked, className, defaultChecked, disabled, error, id: propertyId, name, onChange, onCheckedChange, required, size, value, ...domProps }: OxCheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/forms/Checkbox/src/Checkbox.types.d.ts

@@ -1,20 +1,27 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { OxComponentSize } from '../../../_internal/types';
 export type OxCheckedState = boolean | 'indeterminate';
 export interface OxCheckboxProps extends Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'value' | 'children' | 'checked' | 'size' | 'defaultChecked'> {
     checked?: OxCheckedState;
     defaultChecked?: OxCheckedState;
     error?: boolean;
     onCheckedChange?: (checked: OxCheckedState) => void;
+    size?: OxComponentSize;
     value?: string;
 }
-export interface OxCheckboxGroupProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
+export interface OxCheckboxGroupProps extends Omit<ComponentPropsWithoutRef<'div'>, 'defaultValue' | 'onChange'> {
     children: ReactNode;
+    defaultValue?: string[];
     disabled?: boolean;
+    error?: boolean;
     name: string;
-    onChange?: (value: (string | number)[]) => void;
-    value?: (string | number)[];
+    onValueChange?: (value: string[]) => void;
+    orientation?: 'horizontal' | 'vertical';
+    size?: OxComponentSize;
+    value?: string[];
 }
 export interface OxCheckboxGroupItemProps extends Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'size' | 'children' | 'checked' | 'defaultChecked' | 'value'> {
     error?: boolean;
-    value: string | number;
+    size?: OxComponentSize;
+    value: string;
 }

package/dist/forms/Checkbox/src/CheckboxGroup.d.ts

@@ -1,2 +1,2 @@
 import { OxCheckboxGroupProps } from './Checkbox.types';
-export declare const OxCheckboxGroup: ({ children, className, disabled, name, onChange, value, ...domProps }: OxCheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OxCheckboxGroup: ({ children, className, defaultValue, disabled, error, name, onValueChange, orientation, size, value, ...domProps }: OxCheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/forms/Checkbox/src/CheckboxGroupItem.d.ts

@@ -1,2 +1,2 @@
 import { OxCheckboxGroupItemProps } from './Checkbox.types';
-export declare const OxCheckboxGroupItem: ({ className, disabled: ownDisabled, error, id: propertyId, name: ownName, onChange, required, value, ...domProps }: OxCheckboxGroupItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OxCheckboxGroupItem: ({ className, disabled: ownDisabled, error, id: propertyId, name: ownName, onChange, required, size, value, ...domProps }: OxCheckboxGroupItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/forms/Checkbox/src/context/CheckboxGroupContext.types.d.ts

@@ -1,6 +1,9 @@
+import { OxComponentSize } from '../../../../_internal/types';
 export interface CheckboxGroupContextValue {
     disabled?: boolean;
+    error?: boolean;
     name: string;
-    onChange?: (value: (string | number)[]) => void;
-    value: (string | number)[];
+    onValueChange?: (value: string[]) => void;
+    size?: OxComponentSize;
+    value: string[];
 }

package/dist/forms/Input/Date/src/useDateInput.d.ts

@@ -1,12 +1,12 @@
 import { OxUseDateInputProps } from './Date.types';
 export declare const useDateInput: ({ defaultValue, onChange, value }: OxUseDateInputProps) => {
     autoCompleteYear: (yearInput: string) => string;
-    dateValue: string | undefined;
+    dateValue: string;
     day: string;
     getMaxDayForMonth: (month: string, year: string) => number;
     isValidCompleteDate: (day: string, month: string, year: string) => boolean;
     month: string;
-    setDateValue: (value: string | ((prev: string | undefined) => string | undefined) | undefined) => void;
+    setDateValue: (value: string | ((prev: string) => string)) => void;
     setValue: (updates: {
         day?: string;
         month?: string;

package/dist/forms/Input/Number/src/Number.types.d.ts

@@ -8,8 +8,8 @@ export interface OxNumberInputProps {
     id?: string;
     placeholder?: string;
 }
-export interface OxNumberContainerProps extends Omit<ComponentPropsWithRef<'div'>, 'onChange'> {
-    defaultValue?: number;
+export interface OxNumberContainerProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue' | 'onChange'> {
+    defaultValue?: number | null;
     disabled?: boolean;
     error?: boolean;
     locale?: string;
@@ -17,10 +17,10 @@ export interface OxNumberContainerProps extends Omit<ComponentPropsWithRef<'div'
     maximumFractionDigits?: number;
     min?: number;
     minimumFractionDigits?: number;
-    onChange?: (value: number | undefined) => void;
+    onChange?: (value: number | null) => void;
     required?: boolean;
     steps?: number;
     useGrouping?: boolean;
     validationMessage?: string;
-    value?: number;
+    value?: number | null;
 }

package/dist/forms/Input/Number/src/context/NumberContext.types.d.ts

@@ -5,11 +5,11 @@ export interface NumberContextType {
     handleDecrement: () => void;
     handleIncrement: () => void;
     inputId: string;
-    internalValue: number | undefined;
+    internalValue: number | null;
     max?: number;
     min?: number;
     parse: (value: string) => number | undefined;
     setDisplayValue: (value: string) => void;
-    setInternalValue: (value: number | undefined) => void;
+    setInternalValue: (value: number | null) => void;
     steps: number;
 }

package/dist/forms/Input/Time/src/useTimeInput.d.ts

@@ -4,6 +4,6 @@ export declare const useTimeInput: ({ defaultValue, onChange, value }: OxUseTime
     minutes: string;
     setHours: (newHours: string) => void;
     setMinutes: (newMinutes: string) => void;
-    timeValue: string | undefined;
-    setTimeValue: (value: string | ((prev: string | undefined) => string | undefined) | undefined) => void;
+    timeValue: string;
+    setTimeValue: (value: string | ((prev: string) => string)) => void;
 };

package/dist/forms/Radio/Radio.stories.d.ts

@@ -2,7 +2,7 @@ import { ComponentType } from 'react';
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ children, className, defaultValue, disabled, error, name, onChange, required, value: controlledValue, ...domProps }: import('..').OxRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ children, className, defaultValue, disabled, error, name, onValueChange, orientation, required, size, value, ...domProps }: import('..').OxRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
     subcomponents: {
         'OxRadio.Group': ComponentType<unknown>;
         'OxRadio.Item': ComponentType<unknown>;
@@ -34,6 +34,16 @@ declare const meta: {
             control: "text";
             description: string;
         };
+        orientation: {
+            control: "radio";
+            options: string[];
+            description: string;
+        };
+        size: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
         disabled: {
             control: "boolean";
             description: string;
@@ -46,7 +56,7 @@ declare const meta: {
             control: "boolean";
             description: string;
         };
-        onChange: {
+        onValueChange: {
             action: string;
             description: string;
         };
@@ -56,6 +66,7 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Playground: Story;
-export declare const FormLayout: Story;
+export declare const Orientation: Story;
 export declare const ControlledGroup: Story;
+export declare const Sizes: Story;
 export declare const States: Story;

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

@@ -1,6 +1,6 @@
 export type * from './src/Radio.types';
 declare const OxRadio: {
-    Group: ({ children, className, defaultValue, disabled, error, name, onChange, required, value: controlledValue, ...domProps }: import('.').OxRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
-    Item: ({ className, disabled: ownDisabled, error, id: propertyId, name: ownName, onChange, value, ...domProps }: import('.').OxRadioGroupItemProps) => import("react/jsx-runtime").JSX.Element;
+    Group: ({ children, className, defaultValue, disabled, error, name, onValueChange, orientation, required, size, value, ...domProps }: import('.').OxRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+    Item: ({ className, disabled: ownDisabled, id: propertyId, onChange, size, value, ...domProps }: import('.').OxRadioGroupItemProps) => import("react/jsx-runtime").JSX.Element;
 };
 export { OxRadio };

package/dist/forms/Radio/src/Radio.types.d.ts

@@ -1,16 +1,18 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-export interface OxRadioGroupItemProps extends Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'size' | 'required'> {
-    error?: boolean;
-    onCheckedChange?: (checked: boolean) => void;
-    value?: string | number;
+import { OxComponentSize } from '../../../_internal/types';
+export interface OxRadioGroupItemProps extends Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'size' | 'required' | 'value' | 'name'> {
+    size?: OxComponentSize;
+    value: string;
 }
 export interface OxRadioGroupProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
     children: ReactNode;
-    defaultValue?: string | number;
+    defaultValue?: string;
     disabled?: boolean;
     error?: boolean;
     name?: string;
-    onChange?: (value: string | number) => void;
+    onValueChange?: (value: string) => void;
+    orientation?: 'horizontal' | 'vertical';
     required?: boolean;
-    value?: string | number;
+    size?: OxComponentSize;
+    value?: string;
 }

package/dist/forms/Radio/src/RadioGroup.d.ts

@@ -1,2 +1,2 @@
 import { OxRadioGroupProps } from './Radio.types';
-export declare const OxRadioGroup: ({ children, className, defaultValue, disabled, error, name, onChange, required, value: controlledValue, ...domProps }: OxRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OxRadioGroup: ({ children, className, defaultValue, disabled, error, name, onValueChange, orientation, required, size, value, ...domProps }: OxRadioGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/forms/Radio/src/RadioGroupItem.d.ts

@@ -1,2 +1,2 @@
 import { OxRadioGroupItemProps } from './Radio.types';
-export declare const OxRadioGroupItem: ({ className, disabled: ownDisabled, error, id: propertyId, name: ownName, onChange, value, ...domProps }: OxRadioGroupItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OxRadioGroupItem: ({ className, disabled: ownDisabled, id: propertyId, onChange, size, value, ...domProps }: OxRadioGroupItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/forms/Radio/src/context/RadioGroupContext.types.d.ts

@@ -1,6 +1,9 @@
+import { OxComponentSize } from '../../../../_internal/types';
 export interface RadioGroupContextValue {
     disabled: boolean;
+    error: boolean;
     name?: string;
-    onChange?: (value: string | number) => void;
-    value?: string | number;
+    onValueChange?: (value: string) => void;
+    size?: OxComponentSize;
+    value?: string;
 }

package/dist/forms/Select/Select.stories.d.ts

@@ -1,8 +1,57 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { OxSelect } from '..';
-declare const meta: Meta<typeof OxSelect>;
+import { ComponentType } from 'react';
+import { StoryObj } from '@storybook/react-vite';
+import { OxSelectProps } from '..';
+declare const meta: {
+    title: string;
+    component: ComponentType<OxSelectProps>;
+    subcomponents: {
+        'OxSelect.Trigger': ComponentType<unknown>;
+        'OxSelect.Content': ComponentType<unknown>;
+        'OxSelect.Item': ComponentType<unknown>;
+        'OxSelect.Group': ComponentType<unknown>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        children: {
+            control: {
+                disable: boolean;
+            };
+            description: string;
+        };
+        multiple: {
+            control: string;
+            description: string;
+        };
+        disabled: {
+            control: string;
+            description: string;
+        };
+        error: {
+            control: string;
+            description: string;
+        };
+        defaultValue: {
+            control: {
+                disable: boolean;
+            };
+            description: string;
+        };
+        onValueChange: {
+            action: string;
+            description: string;
+        };
+    };
+};
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<OxSelectProps>;
 export declare const Playground: Story;
 export declare const WithError: Story;
 export declare const Disabled: Story;

package/dist/forms/Select/index.d.ts

@@ -1,5 +1,5 @@
 export type * from './src/Select.types';
-export declare const OxSelect: (({ children, className, defaultOpen, defaultValue, disabled, error, id: propertyId, isLoading, multiple, onChange, onOpenChange, open: controlledOpen, required, value, }: import('.').OxSelectProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const OxSelect: (({ children, className, defaultOpen, defaultValue, disabled, error, id: propertyId, isLoading, multiple, onOpenChange, onValueChange, open: controlledOpen, required, value, }: import('.').OxSelectProps) => import("react/jsx-runtime").JSX.Element) & {
     Content: ({ children, className, ...domProps }: import('.').OxSelectContentProps) => import("react/jsx-runtime").JSX.Element | null;
     Group: ({ children, className, label, ...domProps }: import('.').OxSelectGroupProps) => import("react/jsx-runtime").JSX.Element;
     Item: ({ children, className, disabled, value, ...domProps }: import('.').OxSelectItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/forms/Select/src/Select.d.ts

@@ -1,2 +1,2 @@
 import { OxSelectProps } from './Select.types';
-export declare const OxSelect: ({ children, className, defaultOpen, defaultValue, disabled, error, id: propertyId, isLoading, multiple, onChange, onOpenChange, open: controlledOpen, required, value, }: OxSelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OxSelect: ({ children, className, defaultOpen, defaultValue, disabled, error, id: propertyId, isLoading, multiple, onOpenChange, onValueChange, open: controlledOpen, required, value, }: OxSelectProps) => import("react/jsx-runtime").JSX.Element;