@optiaxiom/web-components 3.0.0 → 3.0.1

package/dist/components/Progress.d.ts

@@ -1,20 +1,18 @@
-import { JSXBase } from '@stencil/core/internal';
-import { ComponentPropsWithoutRef } from 'react';
-import { BoxProps } from './Box.js';
-import '../types-B4RnVKcG.js';
+import { BoxProps } from "./Box.js";
+import { JSXBase } from "@stencil/core/internal";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 
+//#region src/components/Progress.d.ts
 declare const Progress = "ax-progress";
-
-type ProgressProps = BoxProps &  {
+type ProgressProps = BoxProps & {
   "asChild"?: false | true;
-"as-child"?: false | true;
-"max"?: number;
-"value"?: number;
-"getValueLabel"?: (value: number, max: number) => string;
-"get-value-label"?: (value: number, max: number) => string;
-"intent"?: "success" | "danger" | "opal" | "primary";
+  "as-child"?: false | true;
+  "max"?: number;
+  "value"?: number;
+  "getValueLabel"?: (value: number, max: number) => string;
+  "get-value-label"?: (value: number, max: number) => string;
+  "intent"?: "danger" | "primary" | "success" | "opal";
 };
-
 declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements {
@@ -22,7 +20,6 @@ declare module "@stencil/core" {
     }
   }
 }
-
 declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
@@ -30,6 +27,5 @@ declare module "react" {
     }
   }
 }
-
-export { Progress };
-export type { ProgressProps };
+//#endregion
+export { Progress, ProgressProps };

package/dist/components/Progress.js

@@ -1,6 +1,6 @@
-import{D as d,u as n,i as M,r as S,c as V}from"../register-Jxf4mhRg.js";import{aU as A}from"../propTypes-DQak6nhg.js";import{a as D}from"../index-DJSJX8vV.js";import{P as p}from"../index-Cnb334T6.js";import{a as v}from"../Box-CV4CtSQ7.js";import"../layers.css.ts.vanilla-BnNnDBQ3-yK8eJtnx.js";import{p as g}from"../recipeRuntime-BvPxdQJv.js";import"../index-CHUhFArm.js";var c="Progress",m=100,[L]=D(c),[$,R]=L(c),f=d((r,e)=>{const{__scopeProgress:o,value:t=null,max:a,getValueLabel:u=w,...C}=r;(a||a===0)&&!h(a)&&console.error(O(`${a}`,"Progress"));const s=h(a)?a:m;t!==null&&!N(t,s)&&console.error(T(`${t}`,"Progress"));const i=N(t,s)?t:null,E=l(i)?u(i,s):void 0;return n($,{scope:o,value:i,max:s,children:n(p.div,{"aria-valuemax":s,"aria-valuemin":0,"aria-valuenow":l(i)?i:void 0,"aria-valuetext":E,role:"progressbar","data-state":P(i,s),"data-value":i??void 0,"data-max":s,...C,ref:e})})});f.displayName=c;var b="ProgressIndicator",x=d((r,e)=>{const{__scopeProgress:o,...t}=r,a=R(b,o);return n(p.div,{"data-state":P(a.value,a.max),"data-value":a.value??void 0,"data-max":a.max,...t,ref:e})});x.displayName=b;function w(r,e){return`${Math.round(r/e*100)}%`}function P(r,e){return r==null?"indeterminate":r===e?"complete":"loading"}function l(r){return typeof r=="number"}function h(r){return l(r)&&!isNaN(r)&&r>0}function N(r,e){return l(r)&&!isNaN(r)&&r<=e&&r>=0}function O(r,e){return`Invalid prop \`max\` of value \`${r}\` supplied to \`${e}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${m}\`.`}function T(r,e){return`Invalid prop \`value\` of value \`${r}\` supplied to \`${e}\`. The \`value\` prop must be:
+import{A as e,a as t,d as n,n as r,r as i,t as a}from"../register-CcKBKePR.js";import{nn as o}from"../propTypes-BNb4ZFT2.js";import{t as s}from"../Box-BB6icLFu.js";import"../layers.css.ts.vanilla-CGWWihaW-BIYv6PmD.js";import{t as c}from"../recipeRuntime-BkylZxVy.js";import{n as l}from"../dist-BCEVT8Sf.js";import{t as u}from"../dist-CUTPpVdE.js";e(`@layer optiaxiom._1r27r56;@layer optiaxiom._1r27r56{._1ml4oxh{height:8px}._16sfqbr{background-image:linear-gradient(90deg,#8041ee,#7740ec,#002ccc)}}`);var d=c({base:[{h:`full`,rounded:`full`,transition:`all`}],variants:{intent:{danger:{bg:`bg.error`},opal:`_16sfqbr`,primary:{bg:`bg.accent`},success:{bg:`bg.success`}}}}),f=c({base:[{bg:`bg.tertiary`,overflow:`hidden`,rounded:`full`},`_1ml4oxh`]});n();var p=`Progress`,m=100,[h,g]=l(p),[_,v]=h(p),y=t((e,t)=>{let{__scopeProgress:n,value:r=null,max:a,getValueLabel:o=S,...s}=e;(a||a===0)&&!T(a)&&console.error(D(`${a}`,`Progress`));let c=T(a)?a:m;r!==null&&!E(r,c)&&console.error(O(`${r}`,`Progress`));let l=E(r,c)?r:null,d=w(l)?o(l,c):void 0;return i(_,{scope:n,value:l,max:c,children:i(u.div,{"aria-valuemax":c,"aria-valuemin":0,"aria-valuenow":w(l)?l:void 0,"aria-valuetext":d,role:`progressbar`,"data-state":C(l,c),"data-value":l??void 0,"data-max":c,...s,ref:t})})});y.displayName=p;var b=`ProgressIndicator`,x=t((e,t)=>{let{__scopeProgress:n,...r}=e,a=v(b,n);return i(u.div,{"data-state":C(a.value,a.max),"data-value":a.value??void 0,"data-max":a.max,...r,ref:t})});x.displayName=b;function S(e,t){return`${Math.round(e/t*100)}%`}function C(e,t){return e==null?`indeterminate`:e===t?`complete`:`loading`}function w(e){return typeof e==`number`}function T(e){return w(e)&&!isNaN(e)&&e>0}function E(e,t){return w(e)&&!isNaN(e)&&e<=t&&e>=0}function D(e,t){return`Invalid prop \`max\` of value \`${e}\` supplied to \`${t}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${m}\`.`}function O(e,t){return`Invalid prop \`value\` of value \`${e}\` supplied to \`${t}\`. The \`value\` prop must be:
   - a positive number
   - less than the value passed to \`max\` (or ${m} if no \`max\` prop is set)
   - \`null\` or \`undefined\` if the progress is indeterminate.
 
-Defaulting to \`null\`.`}var k=f,q=x;M("@layer optiaxiom._1bbhnib;@layer optiaxiom._1bbhnib{._1o6ormh{height:8px}._17q0btu{background-image:linear-gradient(90deg,#8041ee,#7740ec,#002ccc)}}");var G=g({base:[{h:"full",rounded:"full",transition:"all"}],variants:{intent:{danger:{bg:"bg.error"},opal:"_17q0btu",primary:{bg:"bg.accent"},success:{bg:"bg.success"}}}}),U=g({base:[{bg:"bg.tertiary",overflow:"hidden",rounded:"full"},"_1o6ormh"]});const _=d(({className:r,intent:e="primary",...o},t)=>{const a=(o.value??0)/(o.max??y)*100,u=typeof o.value<"u"&&o.value!==null&&o.value>=0&&o.value<=(o.max??y);return n(v,{asChild:!0,...U({},r),...o,children:n(k,{ref:t,children:u&&n(v,{asChild:!0,style:{backgroundSize:`${100*100/a}%`,width:`${a}%`},...G({intent:e}),children:n(q,{})})})})}),y=100;_.displayName="@optiaxiom/react/Progress";const I="ax-progress";var j=S(I,_,A,V);export{I as Progress,j as default};
+Defaulting to \`null\`.`}var k=y,A=x;n();const j=t(({className:e,intent:t=`primary`,...n},r)=>{let a=(n.value??0)/(n.max??M)*100,o=n.value!==void 0&&n.value!==null&&n.value>=0&&n.value<=(n.max??M);return i(s,{asChild:!0,...f({},e),...n,children:i(k,{ref:r,children:o&&i(s,{asChild:!0,style:{backgroundSize:`${1e4/a}%`,width:`${a}%`},...d({intent:t}),children:i(A,{})})})})}),M=100;j.displayName=`@optiaxiom/react/Progress`;const N=`ax-progress`;var P=a(N,j,o,r);export{N as Progress,P as default};

package/dist/components/Radio.d.ts

@@ -1,20 +1,18 @@
-import { JSXBase } from '@stencil/core/internal';
-import { ComponentPropsWithoutRef } from 'react';
-import { BoxProps } from './Box.js';
-import '../types-B4RnVKcG.js';
+import { BoxProps } from "./Box.js";
+import { JSXBase } from "@stencil/core/internal";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 
+//#region src/components/Radio.d.ts
 declare const Radio = "ax-radio";
-
-type RadioProps = BoxProps &  {
+type RadioProps = BoxProps & {
   "description"?: string | number | false | true;
-"asChild"?: false | true;
-"as-child"?: false | true;
-"name"?: string;
-"value"?: string | number | readonly string[];
-"required"?: false | true;
-"onCheckedChange"?: (checked: boolean) => void;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+  "name"?: string;
+  "required"?: false | true;
+  "value"?: string | number | readonly string[];
+  "onCheckedChange"?: (checked: boolean) => void;
 };
-
 declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements {
@@ -22,7 +20,6 @@ declare module "@stencil/core" {
     }
   }
 }
-
 declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
@@ -30,6 +27,5 @@ declare module "react" {
     }
   }
 }
-
-export { Radio };
-export type { RadioProps };
+//#endregion
+export { Radio, RadioProps };

package/dist/components/Radio.js

@@ -1 +1 @@
-import{i as b,D as v,u as r,r as x,c as g}from"../register-Jxf4mhRg.js";import{aV as _}from"../propTypes-DQak6nhg.js";import{i as w,a as j}from"../Box-CV4CtSQ7.js";import{r as y,c as R,b as k,o as C,a as B,e as z}from"../ToggleInputLabel-CCR00D23.js";import"../layers.css.ts.vanilla-BnNnDBQ3-yK8eJtnx.js";import"../AvatarGroup.css.ts.vanilla-Cw2ao1B0-BnX_Tx4M.js";import{p as e}from"../recipeRuntime-BvPxdQJv.js";import{e as P}from"../RadioGroupContext-BrMQETHs.js";import"../index-CHUhFArm.js";import"../index-DcfvvjAr.js";import"../index-BzIpwXn1.js";import"../Group-BZ64vOhC.js";import"../useSurface-mcnxhoAn.js";import"../VisuallyHidden-BmklSBLt.js";import"../index-Dm3oMS4e.js";import"../index-Cnb334T6.js";import"../FilteredSlot-DudEDOhm.js";import"../index-DJSJX8vV.js";b("@layer optiaxiom._1bbhnib;@layer optiaxiom._1bbhnib{._1csvyux{border-color:var(--_1797vju);border-width:2px;place-content:center;transition-duration:var(--ax-duration-sm);transition-property:border-color,border-width;transition-timing-function:ease}.j5mr9a:has(._1cgmim3:checked) ._1csvyux{border-width:12px}._1mzc5tj{margin-top:-2px}.cjimff{background-color:var(--_1i06ad1);height:8px;transform:scale(0);width:8px}.j5mr9a:has(._1cgmim3:checked) .cjimff{transform:scale(1)}}");var V=e({base:[{bg:"bg.default",display:"grid",rounded:"full",size:"sm"},"_1csvyux"],variants:{shift:{false:{},true:"_1mzc5tj"}}}),E=e({base:[{rounded:"inherit",transition:"transform"},"cjimff"]}),G=e({base:"_1cgmim3"}),N=e({base:"j5mr9a"});const n=v(({children:a,className:d,description:t,disabled:m,name:c,onBlur:p,onChange:l,...i},u)=>{const{boxProps:h,restProps:f}=w(i),o=P("@optiaxiom/react/Radio");if(o){if("checked"in i)throw new Error("Cannot use `checked` prop when `Radio` is used within `RadioGroup`");if(i.value===void 0)throw new Error("Must use `value` prop when `Radio` is used within `RadioGroup`")}return r(z,{...N({},d),...h,children:[r(y,{checked:o?.value!==void 0?o.value===i.value:void 0,defaultChecked:o?.defaultValue!==void 0?o.defaultValue===i.value:void 0,disabled:o?.disabled??m,name:o?.name??c,onBlur:o?.onBlur??p,onChange:o?.onChange??l,ref:u,type:"radio",...G(),...f}),r(R,{...V({shift:Boolean(a)}),children:r(j,{...E()})}),(a||t)&&r(k,{children:[a&&r(C,{children:a}),t&&r(B,{children:t})]})]})});n.displayName="@optiaxiom/react/Radio";const s="ax-radio";var D=x(s,n,_,g);export{s as Radio,D as default};
+import{A as e,a as t,d as n,n as r,r as i,t as a}from"../register-CcKBKePR.js";import{in as o}from"../propTypes-BNb4ZFT2.js";import{n as s,t as c}from"../Box-BB6icLFu.js";import"../layers.css.ts.vanilla-CGWWihaW-BIYv6PmD.js";import{t as l}from"../recipeRuntime-BkylZxVy.js";import"../ButtonGroup.css.ts.vanilla-dwYhKFVX-CwLdBlgM.js";import{a as u,i as d,n as f,o as p,r as m,t as h}from"../ToggleInputHiddenInput-_66vwozS.js";import{n as g}from"../RadioGroupContext-BX84Sg4u.js";e(`@layer optiaxiom._1r27r56;@layer optiaxiom._1r27r56{.s57phu{border-color:var(--qdbxhk);border-width:2px;place-content:center;transition-duration:var(--ax-duration-sm);transition-property:border-color,border-width;transition-timing-function:ease}._1jp5ooa:has(._160zqvv:checked) .s57phu{border-width:12px}.htltaz{margin-top:-2px}.b0dt4j{background-color:var(--bs2aij);height:8px;transform:scale(0);width:8px}._1jp5ooa:has(._160zqvv:checked) .b0dt4j{transform:scale(1)}}`);var _=l({base:[{bg:`bg.default`,display:`grid`,rounded:`full`,size:`sm`},`s57phu`],variants:{shift:{false:{},true:`htltaz`}}}),v=l({base:[{rounded:`inherit`,transition:`transform`},`b0dt4j`]}),y=l({base:`_160zqvv`}),b=l({base:`_1jp5ooa`});n();const x=t(({children:e,className:t,description:n,disabled:r,name:a,onBlur:o,onChange:l,...x},S)=>{let{boxProps:C,restProps:w}=s(x),T=g(`@optiaxiom/react/Radio`);if(T){if(`checked`in x)throw Error("Cannot use `checked` prop when `Radio` is used within `RadioGroup`");if(x.value===void 0)throw Error("Must use `value` prop when `Radio` is used within `RadioGroup`")}return i(f,{...b({},t),...C,children:[i(h,{checked:T?.value===void 0?void 0:T.value===x.value,defaultChecked:T?.defaultValue===void 0?void 0:T.defaultValue===x.value,disabled:T?.disabled??r,name:T?.name??a,onBlur:T?.onBlur??o,onChange:T?.onChange??l,ref:S,type:`radio`,...y(),...w}),i(m,{..._({shift:!!e}),children:i(c,{...v()})}),(e||n)&&i(p,{children:[e&&i(d,{children:e}),n&&i(u,{children:n})]})]})});x.displayName=`@optiaxiom/react/Radio`;const S=`ax-radio`;var C=a(S,x,o,r);export{S as Radio,C as default};

package/dist/components/RadioGroup.d.ts

@@ -1,23 +1,22 @@
-import { JSXBase } from '@stencil/core/internal';
-import { ComponentPropsWithoutRef } from 'react';
-import { b as FocusEventHandler, C as ChangeEventHandler } from '../types-B4RnVKcG.js';
-import { BoxProps } from './Box.js';
+import { n as FocusEventHandler, t as ChangeEventHandler } from "../types-BYPfSW5W.js";
+import { BoxProps } from "./Box.js";
+import { JSXBase } from "@stencil/core/internal";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 
+//#region src/components/RadioGroup.d.ts
 declare const RadioGroup = "ax-radio-group";
-
-type RadioGroupProps = BoxProps &  {
+type RadioGroupProps = BoxProps & {
   "defaultValue"?: string;
-"default-value"?: string;
-"disabled"?: false | true;
-"name"?: string;
-"onBlur"?: FocusEventHandler<HTMLInputElement>;
-"onChange"?: ChangeEventHandler<HTMLInputElement>;
-"onValueChange"?: (value: string) => void;
-"value"?: string;
-"asChild"?: false | true;
-"as-child"?: false | true;
+  "default-value"?: string;
+  "disabled"?: false | true;
+  "name"?: string;
+  "onBlur"?: FocusEventHandler<HTMLInputElement>;
+  "onChange"?: ChangeEventHandler<HTMLInputElement>;
+  "onValueChange"?: (value: string) => void;
+  "value"?: string;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
 };
-
 declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements {
@@ -25,7 +24,6 @@ declare module "@stencil/core" {
     }
   }
 }
-
 declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
@@ -33,6 +31,5 @@ declare module "react" {
     }
   }
 }
-
-export { RadioGroup };
-export type { RadioGroupProps };
+//#endregion
+export { RadioGroup, RadioGroupProps };

package/dist/components/RadioGroup.js

@@ -1 +1 @@
-import{D as x,u as a,r as G,c as R}from"../register-Jxf4mhRg.js";import{aW as b}from"../propTypes-DQak6nhg.js";import{o as y}from"../Group-BZ64vOhC.js";import{b as C}from"../Box-CV4CtSQ7.js";import{u as D}from"../useSurface-mcnxhoAn.js";import{t as V}from"../RadioGroupContext-BrMQETHs.js";import"../index-CHUhFArm.js";import"../layers.css.ts.vanilla-BnNnDBQ3-yK8eJtnx.js";import"../recipeRuntime-BvPxdQJv.js";import"../index-DJSJX8vV.js";const w={column:"12","column-reverse":"12",row:"16","row-reverse":"16"},t=x(({children:n,defaultValue:m,disabled:u,flexDirection:r="column",name:l,onBlur:p,onChange:d,onValueChange:s,value:c,...f},g)=>{const v=D("property"),{track:h}=v??{};return a(V,{defaultValue:m,disabled:u,name:l,onBlur:p,onChange:o=>{const e=o.target.value;d?.(o),s?.(e),h?.({name:"changed",value:e})},value:c,children:a(y,{flexDirection:r,fontSize:"md",gap:C(r,o=>w[o]),ref:g,...f,children:n})})});t.displayName="@optiaxiom/react/RadioGroup";const i="ax-radio-group";var B=G(i,t,b,R);export{i as RadioGroup,B as default};
+import{a as e,d as t,n,r,t as i}from"../register-CcKBKePR.js";import{rn as a}from"../propTypes-BNb4ZFT2.js";import{i as o}from"../Box-BB6icLFu.js";import{t as s}from"../Group-BUG9Nm0e.js";import{t as c}from"../useSurface-C1zFO6Wc.js";import{t as l}from"../RadioGroupContext-BX84Sg4u.js";t();const u={column:`12`,"column-reverse":`12`,row:`16`,"row-reverse":`16`},d=e(({children:e,defaultValue:t,disabled:n,flexDirection:i=`column`,name:a,onBlur:d,onChange:f,onValueChange:p,value:m,...h},g)=>{let{track:_}=c(`property`)??{};return r(l,{defaultValue:t,disabled:n,name:a,onBlur:d,onChange:e=>{let t=e.target.value;f?.(e),p?.(t),_?.({name:`changed`,value:t})},value:m,children:r(s,{flexDirection:i,fontSize:`md`,gap:o(i,e=>u[e]),ref:g,...h,children:e})})});d.displayName=`@optiaxiom/react/RadioGroup`;const f=`ax-radio-group`;var p=i(f,d,a,n);export{f as RadioGroup,p as default};

package/dist/components/RichTextEditor.d.ts

@@ -0,0 +1,34 @@
+import { BoxProps } from "./Box.js";
+import { JSXBase } from "@stencil/core/internal";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+
+//#region src/components/RichTextEditor.d.ts
+declare const RichTextEditor = "ax-rich-text-editor";
+type RichTextEditorProps = BoxProps & {
+  "defaultValue"?: string;
+  "default-value"?: string;
+  "name"?: string;
+  "onValueChange"?: (value: string) => void;
+  "placeholder"?: string;
+  "readOnly"?: false | true;
+  "read-only"?: false | true;
+  "value"?: string;
+  "asChild"?: false | true;
+  "as-child"?: false | true;
+};
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [RichTextEditor]: RichTextEditorProps & Omit<(JSXBase.IntrinsicElements["div"]), keyof RichTextEditorProps>;
+    }
+  }
+}
+declare module "react" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [RichTextEditor]: RichTextEditorProps & Omit<(ComponentPropsWithoutRef<"div">), keyof RichTextEditorProps>;
+    }
+  }
+}
+//#endregion
+export { RichTextEditor, RichTextEditorProps };