@optiaxiom/web-components 1.0.0 → 1.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-CctNh5sC.js";import{aU as $}from"../propTypes-D0yNqIYi.js";import{a as A}from"../index-DNKPzuib.js";import{P as m}from"../index-DLTg4FK9.js";import{a as v}from"../Box-CEmVhC_v.js";import"../layers.css.ts.vanilla-vDw4DFSx-DV6qn0Mn.js";import{p as g}from"../recipeRuntime-BvPxdQJv.js";import"../index-BdXZ3u21.js";var c="Progress",p=100,[D]=A(c),[L,k]=D(c),f=d((r,e)=>{const{__scopeProgress:o,value:t=null,max:a,getValueLabel:u=R,...C}=r;(a||a===0)&&!h(a)&&console.error(w(`${a}`,"Progress"));const s=h(a)?a:p;t!==null&&!N(t,s)&&console.error(z(`${t}`,"Progress"));const i=N(t,s)?t:null,E=l(i)?u(i,s):void 0;return n(L,{scope:o,value:i,max:s,children:n(m.div,{"aria-valuemax":s,"aria-valuemin":0,"aria-valuenow":l(i)?i:void 0,"aria-valuetext":E,role:"progressbar","data-state":b(i,s),"data-value":i??void 0,"data-max":s,...C,ref:e})})});f.displayName=c;var x="ProgressIndicator",P=d((r,e)=>{const{__scopeProgress:o,...t}=r,a=k(x,o);return n(m.div,{"data-state":b(a.value,a.max),"data-value":a.value??void 0,"data-max":a.max,...t,ref:e})});P.displayName=x;function R(r,e){return`${Math.round(r/e*100)}%`}function b(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 w(r,e){return`Invalid prop \`max\` of value \`${r}\` supplied to \`${e}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${p}\`.`}function z(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-D962gXY2.js";import{nn as o}from"../propTypes-BUbCsTMn.js";import{t as s}from"../Box-DuMleIt5.js";import"../layers.css.ts.vanilla-Cc5AvKlz-D0ut0JB6.js";import{t as c}from"../recipeRuntime-BkylZxVy.js";import{n as l}from"../dist-eZmoAMcC.js";import{t as u}from"../dist-DxWKePzn2.js";e(`@layer optiaxiom.dx1887;@layer optiaxiom.dx1887{.dp9i29{height:8px}.qenmr3{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:`qenmr3`,primary:{bg:`bg.accent`},success:{bg:`bg.success`}}}}),f=c({base:[{bg:`bg.tertiary`,overflow:`hidden`,rounded:`full`},`dp9i29`]});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 ${p} if no \`max\` prop is set)
+  - 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 O=f,T=P;M("@layer optiaxiom.onfzil;@layer optiaxiom.onfzil{.fsk31v{height:8px}.ratrl4{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:"ratrl4",primary:{bg:"bg.accent"},success:{bg:"bg.success"}}}}),U=g({base:[{bg:"bg.tertiary",overflow:"hidden",rounded:"full"},"fsk31v"]});const y=d(({className:r,intent:e="primary",...o},t)=>{const a=(o.value??0)/(o.max??I)*100,u=typeof o.value<"u"&&o.value!==null&&o.value>=0&&o.value<=(o.max??I);return n(v,{asChild:!0,...U({},r),...o,children:n(O,{ref:t,children:u&&n(v,{asChild:!0,style:{backgroundSize:`${100*100/a}%`,width:`${a}%`},...G({intent:e}),children:n(T,{})})})})}),I=100;y.displayName="@optiaxiom/react/Progress";const _="ax-progress";var j=S(_,y,$,V);export{_ 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 v,D as b,u as r,r as g,c as _}from"../register-CctNh5sC.js";import{aV as R}from"../propTypes-D0yNqIYi.js";import{i as k,a as w}from"../Box-CEmVhC_v.js";import{r as x,c as z,b as y,o as C,a as B,e as P}from"../ToggleInputLabel-swN7BMgr.js";import"../layers.css.ts.vanilla-vDw4DFSx-DV6qn0Mn.js";import"../ButtonGroup.css.ts.vanilla-nvciSeRP-B8-80EFl.js";import{p as i}from"../recipeRuntime-BvPxdQJv.js";import{e as V}from"../RadioGroupContext-_9OT4yYR.js";import"../index-BdXZ3u21.js";import"../index-D0IUhyYD.js";import"../index-vBNTmZ5e.js";import"../Group-36iWgXeH.js";import"../useSurface-D72ABN_4.js";import"../VisuallyHidden-DEJd8AMB.js";import"../index-BghsgQ4f.js";import"../index-DLTg4FK9.js";import"../FilteredSlot-B5x8Ul12.js";import"../index-DNKPzuib.js";v("@layer optiaxiom.onfzil;@layer optiaxiom.onfzil{._1pz33k3{border-color:var(--_468d4c)}._1md7au8{background-color:var(--_468d4c);transform:scale(0)}.ngrgz3:has(._1s50yu9:checked) ._1md7au8{transform:scale(1)}}");var E=i({base:[{bg:"bg.default",border:"1",p:"2",rounded:"full",size:"2xs"},"_1pz33k3"],variants:{shift:{false:{},true:{mt:"2"}}}}),G=i({base:[{rounded:"inherit",size:"full",transition:"transform"},"_1md7au8"]}),N=i({base:"_1s50yu9"}),j=i({base:"ngrgz3"});const t=b(({children:e,className:n,description:s,disabled:l,name:m,onBlur:p,onChange:u,...a},c)=>{const{boxProps:f,restProps:h}=k(a),o=V("@optiaxiom/react/Radio");if(o){if("checked"in a)throw new Error("Cannot use `checked` prop when `Radio` is used within `RadioGroup`");if(a.value===void 0)throw new Error("Must use `value` prop when `Radio` is used within `RadioGroup`")}return r(P,{...j({},n),...f,children:[r(x,{checked:o?.value!==void 0?o.value===a.value:void 0,defaultChecked:o?.defaultValue!==void 0?o.defaultValue===a.value:void 0,disabled:o?.disabled??l,name:o?.name??m,onBlur:o?.onBlur??p,onChange:o?.onChange??u,ref:c,type:"radio",...N(),...h}),r(z,{...E({shift:Boolean(e)}),children:r(w,{...G()})}),(e||s)&&r(y,{children:[e&&r(C,{children:e}),s&&r(B,{children:s})]})]})});t.displayName="@optiaxiom/react/Radio";const d="ax-radio";var D=g(d,t,R,_);export{d 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-D962gXY2.js";import{in as o}from"../propTypes-BUbCsTMn.js";import{n as s,t as c}from"../Box-DuMleIt5.js";import"../layers.css.ts.vanilla-Cc5AvKlz-D0ut0JB6.js";import{t as l}from"../recipeRuntime-BkylZxVy.js";import"../ButtonGroup.css.ts.vanilla-5zlLCsn4-D43AGZGV.js";import{a as u,i as d,n as f,o as p,r as m,t as h}from"../ToggleInputHiddenInput-C1rPZgHi.js";import{n as g}from"../RadioGroupContext-DiTwMM8W.js";e(`@layer optiaxiom.dx1887;@layer optiaxiom.dx1887{.v9q9qt{border-color:var(--rty1jq)}._17v9wj{background-color:var(--rty1jq);transform:scale(0)}._1s7y9n7:has(._1gtmqvi:checked) ._17v9wj{transform:scale(1)}}`);var _=l({base:[{bg:`bg.default`,border:`1`,p:`2`,rounded:`full`,size:`2xs`},`v9q9qt`],variants:{shift:{false:{},true:{mt:`2`}}}}),v=l({base:[{rounded:`inherit`,size:`full`,transition:`transform`},`_17v9wj`]}),y=l({base:`_1gtmqvi`}),b=l({base:`_1s7y9n7`});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-CctNh5sC.js";import{aW as b}from"../propTypes-D0yNqIYi.js";import{o as y}from"../Group-36iWgXeH.js";import{b as C}from"../Box-CEmVhC_v.js";import{u as D}from"../useSurface-D72ABN_4.js";import{t as V}from"../RadioGroupContext-_9OT4yYR.js";import"../index-BdXZ3u21.js";import"../layers.css.ts.vanilla-vDw4DFSx-DV6qn0Mn.js";import"../recipeRuntime-BvPxdQJv.js";import"../index-DNKPzuib.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-D962gXY2.js";import{rn as a}from"../propTypes-BUbCsTMn.js";import{i as o}from"../Box-DuMleIt5.js";import{t as s}from"../Group-BOhnIDE0.js";import{t as c}from"../useSurface-DV9J0fs1.js";import{t as l}from"../RadioGroupContext-DiTwMM8W.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 };