@optiaxiom/web-components 0.9.7 → 0.10.0

package/dist/components/Banner.js

@@ -1 +1 @@
-import{i as f,D as b,u as r,_ as u,r as d,c as y}from"../register-CmScz6g-.js";import{n as h}from"../propTypes-CQZNV-6P.js";import{u as x}from"../index-CELauJdv.js";import{h as j}from"../Button-Ci6hfvsX.js";import"../ButtonGroup-9Z5BahNK.js";import{t as e}from"../Flex-gEZ3F9uE.js";import{o as w}from"../Icon-D4-RG6yP.js";import{e as $,l as a,i as v}from"../IconCircleInfoSolid-DuaUHEOH.js";import{l as z}from"../IconTriangleExclamationSolid-DldeILDM.js";import{l as _}from"../IconX-kK1GrbGk.js";import"../layers.css.ts.vanilla-CZC9W9XU--lySO_If.js";import{y as o}from"../recipeRuntime-DkvY0ny0.js";import"../index-BKaOYXQ1.js";import"../index-B0f3n0Lp.js";import"../isHoverSupported-DBSn5zsK.js";import"../index-VQRIDrjF.js";import"../decorateChildren-B2BBqLoc.js";import"../fallbackSpan-CZQvaz9s.js";import"../Box-C7QcMKPi.js";import"../AvatarGroup.css.ts.vanilla-CCtVe90o-Bom-GC_R.js";import"../ButtonContext-NeY1xl-F.js";import"../index-BHBIOin0.js";import"../Spinner-XuXOqQDc.js";import"../Transition-BBPEevId.js";import"../TransitionGroupContext-BAV_aGSj.js";import"../TransitionGroup-BoOyGNrJ.js";import"../index-DelclJFY.js";import"../withIcon-BZV2jDt8.js";f("@layer optiaxiom._1y6jejb;@layer optiaxiom._1y6jejb{._4qy3zx{min-height:var(--ax-size-sm)}}");var B=o({base:[{alignItems:"start",color:"fg.default",flexDirection:"row",fontSize:"md",fontWeight:"500",gap:"12",justifyContent:"space-between",px:"24",py:"12"}],variants:{intent:{danger:{bg:"bg.error.light"},information:{bg:"bg.information.light"},neutral:{bg:"bg.tertiary"},success:{bg:"bg.success.light"},warning:{bg:"bg.warning.light"}}}}),C=o({base:[{flex:"1",gap:"8"},"_4qy3zx"]}),D=o({base:[{mt:"4"}],variants:{intent:{danger:{color:"fg.error.strong"},information:{color:"fg.information.strong"},neutral:{color:"fg.tertiary"},success:{color:"fg.success.strong"},warning:{color:"fg.warning.strong"}}}});const q={danger:v,information:a,neutral:a,success:$,warning:z},s=b(({children:l,className:p,intent:t="neutral",onDismiss:i,...g},c)=>{const n=x();return r(e,{"aria-labelledby":n,ref:c,role:"alert",...B({intent:t},p),...g,children:[r(w,{asChild:!0,...D({intent:t}),children:u(q[t])}),r(e,{id:n,...C(),children:l}),!!i&&r(j,{appearance:"subtle","aria-label":"close",color:"fg.default",flex:"none",icon:r(_,{}),onClick:i,size:"sm"})]})});s.displayName="@optiaxiom/react/Banner";const m="ax-banner";var I=d(m,s,h,y);export{m as Banner,I as default};
+import{i as f,D as b,u as r,_ as u,r as d,c as h}from"../register-D6N8B6AV.js";import{n as x}from"../propTypes-BgDgQj7O.js";import{u as y}from"../index-3yCeHosg.js";import{h as w}from"../Button-sfHhXP42.js";import"../ButtonGroup-CRT6lLwe.js";import{t as a}from"../Flex-Cm3PadLk.js";import{o as $}from"../Icon-B-1Tb39N.js";import{e as k,l as e,i as v}from"../IconCircleInfoSolid-3iqwIk_b.js";import{l as B}from"../IconTriangleExclamationSolid-C04y6U2o.js";import{l as j}from"../IconX-D1CsikgA.js";import"../layers.css.ts.vanilla-LO3h2rjG-xtDUQYCO.js";import{y as t}from"../recipeRuntime-DkvY0ny0.js";import"../index-BgsAJgCB.js";import"../index-uEcL3mb6.js";import"../isHoverSupported-DMhF6LbU.js";import"../index-VQRIDrjF.js";import"../decorateChildren-CgfQCQHq.js";import"../fallbackSpan-BpHyMB25.js";import"../ButtonRoot-CqqRifxZ.js";import"../Box-B6l_WmxD.js";import"../AvatarGroup.css.ts.vanilla-cBnoy0-c-K-gYpMuB.js";import"../Spinner-Bxur3qMR.js";import"../Transition-C_7f7GX7.js";import"../TransitionGroupContext-D_06iJwS.js";import"../index-DlrTtA-M.js";import"../TransitionGroup--tyB9ZeA.js";import"../index-B-5OXVqV.js";import"../ButtonContext-DmfU957c.js";import"../withIcon-BAx9SshG.js";f("@layer optiaxiom.koi6h4;@layer optiaxiom.koi6h4{._1weaikx{min-height:var(--ax-size-sm)}}");var z=t({base:[{alignItems:"start",color:"fg.default",flexDirection:"row",fontSize:"md",fontWeight:"500",gap:"12",justifyContent:"space-between",px:"24",py:"12"}],variants:{intent:{danger:{bg:"bg.error.light"},information:{bg:"bg.information.light"},neutral:{bg:"bg.tertiary"},success:{bg:"bg.success.light"},warning:{bg:"bg.warning.light"}}}}),C=t({base:[{flex:"1",gap:"8"},"_1weaikx"]}),D=t({base:[{mt:"4"}],variants:{intent:{danger:{color:"fg.error.strong"},information:{color:"fg.information.strong"},neutral:{color:"fg.tertiary"},success:{color:"fg.success.strong"},warning:{color:"fg.warning.strong"}}}});const _={danger:v,information:e,neutral:e,success:k,warning:B},s=b(({children:l,className:p,intent:o="neutral",onDismiss:i,...g},c)=>{const n=y();return r(a,{"aria-labelledby":n,ref:c,role:"alert",...z({intent:o},p),...g,children:[r($,{asChild:!0,...D({intent:o}),children:u(_[o])}),r(a,{id:n,...C(),children:l}),!!i&&r(w,{appearance:"subtle","aria-label":"close",color:"fg.default",flex:"none",icon:r(j,{}),onClick:i,size:"sm"})]})});s.displayName="@optiaxiom/react/Banner";const m="ax-banner";var I=d(m,s,x,h);export{m as Banner,I as default};

package/dist/components/Box.d.ts

@@ -1,27 +1,28 @@
 import { JSXBase } from '@stencil/core/internal';
 import { ComponentPropsWithoutRef } from 'react';
-import { R as ResponsiveObject, a as ResponsiveArray } from '../types-D3fuzi_a.js';
+import { R as ResponsiveArray, a as ResponsiveObject } from '../types-D6jqxLjP.js';
 
 declare const Box = "ax-box";
 
 type BoxProps =  {
   "animation"?: "ping" | "pulse" | "spin";
-"borderColor"?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "transparent" | "current";
-"border-color"?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "transparent" | "current";
-"color"?: "transparent" | "current" | "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white";
-"cursor"?: "pointer" | "default" | "not-allowed" | "text";
 "fontFamily"?: "mono" | "sans";
 "font-family"?: "mono" | "sans";
 "fontSize"?: "xs" | "sm" | "md" | "lg" | "xl" | "inherit" | "2xl" | "3xl" | "4xl";
 "font-size"?: "xs" | "sm" | "md" | "lg" | "xl" | "inherit" | "2xl" | "3xl" | "4xl";
+"size"?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | ResponsiveArray<"0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min"> | ResponsiveObject<"0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min">;
+"borderColor"?: "transparent" | "current" | "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning";
+"border-color"?: "transparent" | "current" | "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning";
+"color"?: "transparent" | "current" | "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white";
+"cursor"?: "pointer" | "default" | "not-allowed" | "text";
 "fontWeight"?: "inherit" | "400" | "500" | "600" | "700";
 "font-weight"?: "inherit" | "400" | "500" | "600" | "700";
-"objectFit"?: "contain" | "cover" | "fill" | "none";
-"object-fit"?: "contain" | "cover" | "fill" | "none";
-"overflowX"?: "hidden" | "auto" | "visible";
-"overflow-x"?: "hidden" | "auto" | "visible";
-"overflowY"?: "hidden" | "auto" | "visible";
-"overflow-y"?: "hidden" | "auto" | "visible";
+"objectFit"?: "none" | "contain" | "cover" | "fill";
+"object-fit"?: "none" | "contain" | "cover" | "fill";
+"overflowX"?: "auto" | "hidden" | "visible";
+"overflow-x"?: "auto" | "hidden" | "visible";
+"overflowY"?: "auto" | "hidden" | "visible";
+"overflow-y"?: "auto" | "hidden" | "visible";
 "pointerEvents"?: "none" | "auto";
 "pointer-events"?: "none" | "auto";
 "textAlign"?: "end" | "start" | "center" | "justify";
@@ -31,7 +32,7 @@ type BoxProps =  {
 "transition"?: "none" | "opacity" | "transform" | "colors" | "all";
 "whiteSpace"?: "nowrap";
 "white-space"?: "nowrap";
-"bg"?: "transparent" | "current" | "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle";
+"bg"?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "transparent" | "current";
 "border"?: "0" | "1" | "2";
 "borderB"?: "0" | "1" | "2";
 "border-b"?: "0" | "1" | "2";
@@ -41,14 +42,14 @@ type BoxProps =  {
 "border-r"?: "0" | "1" | "2";
 "borderT"?: "0" | "1" | "2";
 "border-t"?: "0" | "1" | "2";
-"m"?: "auto" | "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
-"mx"?: "auto" | "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
-"my"?: "auto" | "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
-"mb"?: "auto" | "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
-"ml"?: "auto" | "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
-"mr"?: "auto" | "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
-"mt"?: "auto" | "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
-"overflow"?: "hidden" | "auto" | "visible";
+"m"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto";
+"mx"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto";
+"my"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto";
+"mb"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto";
+"ml"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto";
+"mr"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto";
+"mt"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto";
+"overflow"?: "auto" | "hidden" | "visible";
 "p"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
 "px"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
 "py"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
@@ -56,20 +57,20 @@ type BoxProps =  {
 "pl"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
 "pr"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
 "pt"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80";
-"rounded"?: "xs" | "sm" | "md" | "lg" | "xl" | "inherit" | "none" | "full";
+"rounded"?: "xs" | "sm" | "md" | "lg" | "xl" | "full" | "inherit" | "none";
 "shadow"?: "sm" | "md" | "lg" | "none";
-"z"?: "auto" | "0" | "10" | "20" | "popover" | "toast" | "tooltip" | "30";
+"z"?: "0" | "10" | "20" | "auto" | "popover" | "toast" | "tooltip" | "30";
+"gap"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | ResponsiveObject<"0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80"> | ResponsiveArray<"0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80">;
 "alignItems"?: "end" | "start" | "center" | "normal" | "stretch" | ResponsiveObject<"end" | "start" | "center" | "normal" | "stretch"> | ResponsiveArray<"end" | "start" | "center" | "normal" | "stretch">;
 "align-items"?: "end" | "start" | "center" | "normal" | "stretch";
 "alignSelf"?: "end" | "start" | "center" | "normal" | "stretch" | ResponsiveArray<"end" | "start" | "center" | "normal" | "stretch"> | ResponsiveObject<"end" | "start" | "center" | "normal" | "stretch">;
 "align-self"?: "end" | "start" | "center" | "normal" | "stretch";
 "display"?: "flex" | "none" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | ResponsiveObject<"flex" | "none" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row"> | ResponsiveArray<"flex" | "none" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row">;
-"flex"?: "none" | "auto" | "1" | "initial" | ResponsiveObject<"none" | "auto" | "1" | "initial"> | ResponsiveArray<"none" | "auto" | "1" | "initial">;
+"flex"?: "1" | "none" | "auto" | "initial" | ResponsiveObject<"1" | "none" | "auto" | "initial"> | ResponsiveArray<"1" | "none" | "auto" | "initial">;
 "flexDirection"?: "column" | "column-reverse" | "row" | "row-reverse" | ResponsiveObject<"column" | "column-reverse" | "row" | "row-reverse"> | ResponsiveArray<"column" | "column-reverse" | "row" | "row-reverse">;
 "flex-direction"?: "column" | "column-reverse" | "row" | "row-reverse";
 "flexWrap"?: "nowrap" | "wrap" | ResponsiveObject<"nowrap" | "wrap"> | ResponsiveArray<"nowrap" | "wrap">;
 "flex-wrap"?: "nowrap" | "wrap";
-"gap"?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | ResponsiveObject<"0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80"> | ResponsiveArray<"0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80">;
 "gridColumn"?: "1" | "2" | "4" | "3" | ResponsiveObject<"1" | "2" | "4" | "3"> | ResponsiveArray<"1" | "2" | "4" | "3">;
 "grid-column"?: "1" | "2" | "4" | "3";
 "gridTemplateColumns"?: "1" | "2" | "4" | "3" | ResponsiveArray<"1" | "2" | "4" | "3"> | ResponsiveObject<"1" | "2" | "4" | "3">;
@@ -80,13 +81,12 @@ type BoxProps =  {
 "justify-items"?: "end" | "start" | "center" | "normal" | "stretch";
 "placeItems"?: "center" | ResponsiveObject<"center"> | ResponsiveArray<"center">;
 "place-items"?: "center";
-"maxH"?: "xs" | "sm" | "md" | "lg" | "full" | ResponsiveObject<"xs" | "sm" | "md" | "lg" | "full"> | ResponsiveArray<"xs" | "sm" | "md" | "lg" | "full">;
+"maxH"?: "xs" | "sm" | "md" | "lg" | "full" | ResponsiveArray<"xs" | "sm" | "md" | "lg" | "full"> | ResponsiveObject<"xs" | "sm" | "md" | "lg" | "full">;
 "max-h"?: "xs" | "sm" | "md" | "lg" | "full";
 "maxW"?: "xs" | "sm" | "md" | "lg" | "full" | ResponsiveArray<"xs" | "sm" | "md" | "lg" | "full"> | ResponsiveObject<"xs" | "sm" | "md" | "lg" | "full">;
 "max-w"?: "xs" | "sm" | "md" | "lg" | "full";
-"size"?: "max" | "min" | "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | ResponsiveObject<"max" | "min" | "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit"> | ResponsiveArray<"max" | "min" | "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit">;
-"h"?: "max" | "min" | "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | ResponsiveArray<"max" | "min" | "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit"> | ResponsiveObject<"max" | "min" | "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit">;
-"w"?: "max" | "min" | "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | ResponsiveArray<"max" | "min" | "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit"> | ResponsiveObject<"max" | "min" | "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "auto" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "full" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit">;
+"h"?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | ResponsiveArray<"0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min"> | ResponsiveObject<"0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min">;
+"w"?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | ResponsiveArray<"0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min"> | ResponsiveObject<"0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min">;
 "asChild"?: false | true;
 "as-child"?: false | true;
 "className"?: string;

package/dist/components/Box.js

@@ -1 +1 @@
-import{r,c as t}from"../register-CmScz6g-.js";import{o as m}from"../propTypes-CQZNV-6P.js";import{o as p}from"../Box-C7QcMKPi.js";import"../index-B0f3n0Lp.js";import"../layers.css.ts.vanilla-CZC9W9XU--lySO_If.js";import"../recipeRuntime-DkvY0ny0.js";const o="ax-box";var s=r(o,p,m,t);export{o as Box,s as default};
+import{r,c as t}from"../register-D6N8B6AV.js";import{o as m}from"../propTypes-BgDgQj7O.js";import{o as p}from"../Box-B6l_WmxD.js";import"../index-uEcL3mb6.js";import"../layers.css.ts.vanilla-LO3h2rjG-xtDUQYCO.js";import"../recipeRuntime-DkvY0ny0.js";const o="ax-box";var s=r(o,p,m,t);export{o as Box,s as default};

package/dist/components/Button.d.ts

@@ -1,7 +1,7 @@
 import { JSXBase } from '@stencil/core/internal';
 import { ComponentPropsWithoutRef } from 'react';
 import { BoxProps } from './Box.js';
-import '../types-D3fuzi_a.js';
+import '../types-D6jqxLjP.js';
 
 declare const Button = "ax-button";
 
@@ -15,7 +15,7 @@ type ButtonProps = BoxProps &  {
 "icon-position"?: "end" | "start";
 "size"?: "sm" | "md" | "lg";
 "disabled"?: false | true;
-"appearance"?: "default" | "subtle" | "inverse" | "danger" | "primary" | "danger-outline";
+"appearance"?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse";
 "square"?: false | true;
 "loading"?: false | true;
 "asChild"?: false | true;

package/dist/components/Button.js

@@ -1 +1 @@
-import{r as o,c as r}from"../register-CmScz6g-.js";import{p as m}from"../propTypes-CQZNV-6P.js";import{h as p}from"../Button-Ci6hfvsX.js";import"../index-B0f3n0Lp.js";import"../Icon-D4-RG6yP.js";import"../Box-C7QcMKPi.js";import"../layers.css.ts.vanilla-CZC9W9XU--lySO_If.js";import"../recipeRuntime-DkvY0ny0.js";import"../isHoverSupported-DBSn5zsK.js";import"../index-VQRIDrjF.js";import"../decorateChildren-B2BBqLoc.js";import"../fallbackSpan-CZQvaz9s.js";import"../AvatarGroup.css.ts.vanilla-CCtVe90o-Bom-GC_R.js";import"../ButtonContext-NeY1xl-F.js";import"../index-BHBIOin0.js";import"../Flex-gEZ3F9uE.js";import"../Spinner-XuXOqQDc.js";import"../Transition-BBPEevId.js";import"../TransitionGroupContext-BAV_aGSj.js";import"../TransitionGroup-BoOyGNrJ.js";import"../index-DelclJFY.js";import"../index-BKaOYXQ1.js";const t="ax-button";var i=o(t,p,m,r);export{t as Button,i as default};
+import{r as o,c as r}from"../register-D6N8B6AV.js";import{p as m}from"../propTypes-BgDgQj7O.js";import{h as p}from"../Button-sfHhXP42.js";import"../index-uEcL3mb6.js";import"../Icon-B-1Tb39N.js";import"../Box-B6l_WmxD.js";import"../layers.css.ts.vanilla-LO3h2rjG-xtDUQYCO.js";import"../recipeRuntime-DkvY0ny0.js";import"../isHoverSupported-DMhF6LbU.js";import"../index-VQRIDrjF.js";import"../decorateChildren-CgfQCQHq.js";import"../fallbackSpan-BpHyMB25.js";import"../ButtonRoot-CqqRifxZ.js";import"../AvatarGroup.css.ts.vanilla-cBnoy0-c-K-gYpMuB.js";import"../Spinner-Bxur3qMR.js";import"../Flex-Cm3PadLk.js";import"../Transition-C_7f7GX7.js";import"../TransitionGroupContext-D_06iJwS.js";import"../index-DlrTtA-M.js";import"../TransitionGroup--tyB9ZeA.js";import"../index-B-5OXVqV.js";import"../index-BgsAJgCB.js";import"../ButtonContext-DmfU957c.js";const t="ax-button";var i=o(t,p,m,r);export{t as Button,i as default};

package/dist/components/ButtonGroup.d.ts

@@ -1,7 +1,7 @@
 import { JSXBase } from '@stencil/core/internal';
 import { ComponentPropsWithoutRef } from 'react';
 import { BoxProps } from './Box.js';
-import '../types-D3fuzi_a.js';
+import '../types-D6jqxLjP.js';
 
 declare const ButtonGroup = "ax-button-group";
 

package/dist/components/ButtonGroup.js

@@ -1 +1 @@
-import{r as t,c as r}from"../register-CmScz6g-.js";import{q as p}from"../propTypes-CQZNV-6P.js";import{t as m}from"../ButtonGroup-9Z5BahNK.js";import"../Flex-gEZ3F9uE.js";import"../Box-C7QcMKPi.js";import"../index-B0f3n0Lp.js";import"../layers.css.ts.vanilla-CZC9W9XU--lySO_If.js";import"../recipeRuntime-DkvY0ny0.js";import"../AvatarGroup.css.ts.vanilla-CCtVe90o-Bom-GC_R.js";const o="ax-button-group";var i=t(o,m,p,r);export{o as ButtonGroup,i as default};
+import{r as t,c as r}from"../register-D6N8B6AV.js";import{q as p}from"../propTypes-BgDgQj7O.js";import{t as m}from"../ButtonGroup-CRT6lLwe.js";import"../Flex-Cm3PadLk.js";import"../Box-B6l_WmxD.js";import"../index-uEcL3mb6.js";import"../layers.css.ts.vanilla-LO3h2rjG-xtDUQYCO.js";import"../recipeRuntime-DkvY0ny0.js";import"../AvatarGroup.css.ts.vanilla-cBnoy0-c-K-gYpMuB.js";const o="ax-button-group";var i=t(o,m,p,r);export{o as ButtonGroup,i as default};

package/dist/components/Checkbox.d.ts

@@ -1,7 +1,7 @@
 import { JSXBase } from '@stencil/core/internal';
 import { ComponentPropsWithoutRef } from 'react';
 import { BoxProps } from './Box.js';
-import '../types-D3fuzi_a.js';
+import '../types-D6jqxLjP.js';
 
 declare const Checkbox = "ax-checkbox";
 

package/dist/components/Checkbox.js

@@ -1 +1 @@
-import{r,c as t}from"../register-CmScz6g-.js";import{C as m}from"../propTypes-CQZNV-6P.js";import{e as p}from"../Checkbox-DPW2kuzx.js";import"../ToggleInputLabel-DBbA_9sA.js";import"../index-CELauJdv.js";import"../index-BKaOYXQ1.js";import"../index-B0f3n0Lp.js";import"../Box-C7QcMKPi.js";import"../layers.css.ts.vanilla-CZC9W9XU--lySO_If.js";import"../recipeRuntime-DkvY0ny0.js";import"../Flex-gEZ3F9uE.js";import"../AvatarGroup.css.ts.vanilla-CCtVe90o-Bom-GC_R.js";import"../VisuallyHidden-u8s2xPjF.js";import"../index-C7svJDR5.js";import"../index-hIQ43k5u.js";import"../FilteredSlot-C3SPo8p4.js";import"../index-BHBIOin0.js";import"../withIcon-BZV2jDt8.js";const o="ax-checkbox";var i=r(o,p,m,t);export{o as Checkbox,i as default};
+import{r,c as t}from"../register-D6N8B6AV.js";import{C as m}from"../propTypes-BgDgQj7O.js";import{e as p}from"../Checkbox-DNzdcWQ-.js";import"../ToggleInputLabel-BdG3L1H5.js";import"../index-3yCeHosg.js";import"../index-BgsAJgCB.js";import"../index-uEcL3mb6.js";import"../Box-B6l_WmxD.js";import"../layers.css.ts.vanilla-LO3h2rjG-xtDUQYCO.js";import"../recipeRuntime-DkvY0ny0.js";import"../Flex-Cm3PadLk.js";import"../AvatarGroup.css.ts.vanilla-cBnoy0-c-K-gYpMuB.js";import"../VisuallyHidden-CLGCRunn.js";import"../index-CN23jJke.js";import"../index-kdb6LTlL.js";import"../FilteredSlot-C84aV4Vu.js";import"../index-DlrTtA-M.js";import"../withIcon-BAx9SshG.js";const o="ax-checkbox";var i=r(o,p,m,t);export{o as Checkbox,i as default};

package/dist/components/Code.d.ts

@@ -1,7 +1,7 @@
 import { JSXBase } from '@stencil/core/internal';
 import { ComponentPropsWithoutRef } from 'react';
 import { BoxProps } from './Box.js';
-import '../types-D3fuzi_a.js';
+import '../types-D6jqxLjP.js';
 
 declare const Code = "ax-code";
 

package/dist/components/Code.js

@@ -1 +1 @@
-import{i as n,D as f,u as o,r as l,c as x}from"../register-CmScz6g-.js";import{r as b}from"../propTypes-CQZNV-6P.js";import{a as C}from"../index-B0f3n0Lp.js";import{i as y,o as h}from"../Box-C7QcMKPi.js";import"../layers.css.ts.vanilla-CZC9W9XU--lySO_If.js";import{y as j}from"../recipeRuntime-DkvY0ny0.js";n('@layer optiaxiom._1y6jejb;@layer optiaxiom._1y6jejb{.xpdbfr{font-size:.9em;font-variant-ligatures:none}.xpdbfr:after,.xpdbfr:before{content:"`"}}');var u=j({base:[{fontWeight:"600"},"xpdbfr"]});const g=C("@optiaxiom/react/Code"),r=f(({asChild:t,children:a,className:i,...s},p)=>{const m=t?g:"code",{boxProps:c,restProps:d}=y(s);return o(h,{asChild:!0,...u({},i),...c,children:o(m,{ref:p,...d,children:a})})});r.displayName="@optiaxiom/react/Code";const e="ax-code";var v=l(e,r,b,x);export{e as Code,v as default};
+import{i as p,D as d,u as o,r as l,c as y}from"../register-D6N8B6AV.js";import{r as h}from"../propTypes-BgDgQj7O.js";import{a as C}from"../index-uEcL3mb6.js";import{i as g,o as x}from"../Box-B6l_WmxD.js";import"../layers.css.ts.vanilla-LO3h2rjG-xtDUQYCO.js";import{y as j}from"../recipeRuntime-DkvY0ny0.js";p('@layer optiaxiom.koi6h4;@layer optiaxiom.koi6h4{.jfyncg{font-size:.9em;font-variant-ligatures:none}.jfyncg:after,.jfyncg:before{content:"`"}}');var u=j({base:[{fontWeight:"600"},"jfyncg"]});const b=C("@optiaxiom/react/Code"),e=d(({asChild:t,children:a,className:i,...s},c)=>{const n=t?b:"code",{boxProps:m,restProps:f}=g(s);return o(x,{asChild:!0,...u({},i),...m,children:o(n,{ref:c,...f,children:a})})});e.displayName="@optiaxiom/react/Code";const r="ax-code";var v=l(r,e,h,y);export{r as Code,v as default};

package/dist/components/Cover.d.ts

@@ -0,0 +1,32 @@
+import { JSXBase } from '@stencil/core/internal';
+import { ComponentPropsWithoutRef } from 'react';
+import { BoxProps } from './Box.js';
+import '../types-D6jqxLjP.js';
+
+declare const Cover = "ax-cover";
+
+type CoverProps = BoxProps &  {
+  "disabled"?: false | true;
+"inset"?: false | true;
+"asChild"?: false | true;
+"as-child"?: false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [Cover]: CoverProps & Omit<(JSXBase.IntrinsicElements["div"]), keyof CoverProps>;
+    }
+  }
+}
+
+declare module "react" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [Cover]: CoverProps & Omit<(ComponentPropsWithoutRef<"div">), keyof CoverProps>;
+    }
+  }
+}
+
+export { Cover };
+export type { CoverProps };

package/dist/components/Cover.js

@@ -0,0 +1 @@
+import{r,c as t}from"../register-D6N8B6AV.js";import{s as m}from"../propTypes-BgDgQj7O.js";import{o as p}from"../Cover-BviZSMzk.js";import"../Box-B6l_WmxD.js";import"../index-uEcL3mb6.js";import"../layers.css.ts.vanilla-LO3h2rjG-xtDUQYCO.js";import"../recipeRuntime-DkvY0ny0.js";const o="ax-cover";var e=r(o,p,m,t);export{o as Cover,e as default};

package/dist/components/DataTable.d.ts

@@ -0,0 +1,31 @@
+import { JSXBase } from '@stencil/core/internal';
+import { ComponentPropsWithoutRef } from 'react';
+import { BoxProps } from './Box.js';
+import '../types-D6jqxLjP.js';
+
+declare const DataTable = "ax-data-table";
+
+type DataTableProps = BoxProps &  {
+  "table"?: Table<any>;
+"asChild"?: false | true;
+"as-child"?: false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [DataTable]: DataTableProps & Omit<(JSXBase.IntrinsicElements["div"]), keyof DataTableProps>;
+    }
+  }
+}
+
+declare module "react" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [DataTable]: DataTableProps & Omit<(ComponentPropsWithoutRef<"div">), keyof DataTableProps>;
+    }
+  }
+}
+
+export { DataTable };
+export type { DataTableProps };

package/dist/components/DataTable.js

@@ -0,0 +1 @@
+import{D as l,u as a,r as p,c as s}from"../register-D6N8B6AV.js";import{D as f}from"../propTypes-BgDgQj7O.js";import{t as n}from"../Flex-Cm3PadLk.js";import{e as c}from"../DataTableContext-CmmUa1Ez.js";import"../Box-B6l_WmxD.js";import"../index-uEcL3mb6.js";import"../layers.css.ts.vanilla-LO3h2rjG-xtDUQYCO.js";import"../recipeRuntime-DkvY0ny0.js";import"../index-DlrTtA-M.js";const t=l(({children:o,table:e,...m},i)=>a(n,{gap:"8",justifyContent:"flex-start",maxH:"full",maxW:"full",ref:i,...m,children:a(c,{table:e,children:o})}));t.displayName="@optiaxiom/react/DataTable";const r="ax-data-table";var b=p(r,t,f,s);export{r as DataTable,b as default};

package/dist/components/DataTableBody.d.ts

@@ -0,0 +1,33 @@
+import { JSXBase } from '@stencil/core/internal';
+import { ComponentPropsWithoutRef } from 'react';
+import { BoxProps } from './Box.js';
+import '../types-D6jqxLjP.js';
+
+declare const DataTableBody = "ax-data-table-body";
+
+type DataTableBodyProps = BoxProps &  {
+  "estimatedRowHeight"?: number;
+"estimated-row-height"?: number;
+"loading"?: false | true;
+"asChild"?: false | true;
+"as-child"?: false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [DataTableBody]: DataTableBodyProps & Omit<(JSXBase.IntrinsicElements["div"]), keyof DataTableBodyProps>;
+    }
+  }
+}
+
+declare module "react" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [DataTableBody]: DataTableBodyProps & Omit<(ComponentPropsWithoutRef<"div">), keyof DataTableBodyProps>;
+    }
+  }
+}
+
+export { DataTableBody };
+export type { DataTableBodyProps };

package/dist/components/DataTableBody.js

@@ -0,0 +1,10 @@
+import{_ as E,i as L,u as e,D as T,A as Z,r as A,c as N}from"../register-D6N8B6AV.js";import{t as O}from"../propTypes-BgDgQj7O.js";import{u as F}from"../index-uEcL3mb6.js";import{b as D}from"../index-XoWUgll-.js";import{g as m}from"../vanilla-extract-dynamic.esm-4GwcXShs.js";import{e as C}from"../Skeleton-DmudnubM.js";import{t as G}from"../Table-B7jaMyzI.js";import"../TableAction-C3GUm6_a.js";import{r as U}from"../TableBody-C78hfbDt.js";import{o as h}from"../TableCell-CiBregqb.js";import{e as X}from"../TableHeader-Bf7pNsSD.js";import{t as Y}from"../TableHeaderCell-DydsAfFG.js";import{r as V}from"../TableRow-Ctju8_MZ.js";import"../layers.css.ts.vanilla-LO3h2rjG-xtDUQYCO.js";import"../TableRow.css.ts.vanilla-D8hePLeg-ZGRlpAcQ.js";import{y as d}from"../recipeRuntime-DkvY0ny0.js";import{a as J}from"../DataTableContext-CmmUa1Ez.js";import{o as H,a as K}from"../ActionsRoot-CLKQCvfB.js";import{o as Q}from"../Cover-BviZSMzk.js";import{o as _}from"../Icon-B-1Tb39N.js";import{a as z}from"../withIcon-BAx9SshG.js";import{o as W}from"../Separator-D1TZx43A.js";import{e as ee}from"../VisuallyHidden-CLGCRunn.js";import"../Box-B6l_WmxD.js";import"../index-DlrTtA-M.js";import"../AvatarGroup.css.ts.vanilla-cBnoy0-c-K-gYpMuB.js";import"../index-kdb6LTlL.js";import"../index-CN23jJke.js";import"../FilteredSlot-C84aV4Vu.js";/**
+   * react-table
+   *
+   * Copyright (c) TanStack
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE.md file in the root directory of this source tree.
+   *
+   * @license MIT
+   */function f(t,r){return t?te(t)?E(t,r):t:null}function te(t){return re(t)||typeof t=="function"||oe(t)}function re(t){return typeof t=="function"&&(()=>{const r=Object.getPrototypeOf(t);return r.prototype&&r.prototype.isReactComponent})()}function oe(t){return typeof t=="object"&&typeof t.$$typeof=="symbol"&&["react.memo","react.forward_ref"].includes(t.$$typeof.description)}L('@property --_9rq1im{syntax:"<color>";inherits:false;initial-value:transparent}@layer optiaxiom.koi6h4;@layer optiaxiom.koi6h4{._1ujmfci{background-repeat:no-repeat}.w9fkbs{background-attachment:local,scroll,local,scroll;background-image:linear-gradient(to right,var(--ax-colors-bg-default) 30%,transparent),linear-gradient(to right,var(--ax-colors-border-tertiary) 1px,transparent 1px),linear-gradient(to right,transparent,var(--ax-colors-bg-default) 70%),linear-gradient(to left,var(--ax-colors-border-tertiary) 1px,transparent 1px);background-position:var(--_151po6m) 0,var(--_151po6m) 0,calc(100% - var(--rh9urp)) 0,calc(100% - var(--rh9urp)) 0;background-size:3px 100%,1px 100%,3px 100%,1px 100%}._16zguy3{background-image:linear-gradient(to right,var(--ax-colors-bg-default) 30%,transparent),linear-gradient(to right,var(--ax-colors-border-tertiary) 1px,transparent 1px);background-position:var(--_151po6m) 0,var(--_151po6m) 0}._16zguy3,._5b4mrw{background-attachment:local,scroll;background-size:3px 100%,1px 100%}._5b4mrw{background-image:linear-gradient(to right,transparent,var(--ax-colors-bg-default) 70%),linear-gradient(to left,var(--ax-colors-border-tertiary) 1px,transparent 1px);background-position:calc(100% - var(--rh9urp)) 0,calc(100% - var(--rh9urp)) 0}._1vnygnz{position:sticky;top:0;z-index:20}._698l04{flex-grow:999;width:var(--_19sawrn)}._1dsu83o{left:var(--_1hvhdp0)}._1dsu83o,.fmzssp{position:sticky;z-index:10}.fmzssp{right:var(--_1hvhdp0)}._1e2a2f0{background-color:var(--ax-colors-bg-default);background-image:linear-gradient(var(--_9rq1im),var(--_9rq1im));transition:--_9rq1im var(--ax-duration-sm) ease}._1xqk3qv[data-highlighted] ._1e2a2f0{--_9rq1im:var(--ax-colors-bg-default-hovered)}@media (hover:hover){._1xqk3qv:hover ._1e2a2f0{--_9rq1im:var(--ax-colors-bg-default-hovered)}}}');var b=d({base:[{alignItems:"start",display:"flex"},"_698l04"],variants:{pinned:{left:"_1dsu83o",right:"fmzssp"},pinnedType:{body:"_1e2a2f0",header:{}}}}),S="var(--_1hvhdp0)",x="var(--_19sawrn)",ae=d({base:[{display:"grid"},"_1vnygnz"]}),ie="var(--_151po6m)",ne="var(--rh9urp)",le=d({base:"_1ujmfci",variants:{pinned:{both:"w9fkbs",left:"_16zguy3",none:{},right:"_5b4mrw"}}});const se=z({height:12,name:"IconSort",width:14},e("path",{d:"M3.88274 5.25H10.0937C10.6562 5.25 10.9609 4.57031 10.539 4.14844L7.44524 0.960938C7.32805 0.820312 7.16399 0.75 6.99993 0.75C6.83586 0.75 6.64836 0.820312 6.53118 0.960938L3.43743 4.14844C3.01555 4.57031 3.32024 5.25 3.88274 5.25ZM10.0937 6.75H3.88274C3.32024 6.75 3.01555 7.45312 3.43743 7.875L6.53118 11.0625C6.64836 11.2031 6.81243 11.25 6.99993 11.25C7.16399 11.25 7.32805 11.2031 7.44524 11.0625L10.539 7.875C10.9609 7.45312 10.6562 6.75 10.0937 6.75Z",fill:"currentColor"})),de=z({height:12,name:"IconSortDown",width:14},e("path",{d:"M10.5156 5.78906L7.53907 8.78906C7.375 8.92969 7.1875 9 7 9C6.78907 9 6.60157 8.92969 6.46094 8.78906L3.48438 5.78906C3.25 5.57812 3.17969 5.25 3.29688 4.96875C3.41407 4.6875 3.69532 4.5 4 4.5H9.97657C10.2813 4.5 10.5391 4.6875 10.6563 4.96875C10.7734 5.25 10.7266 5.57812 10.5156 5.78906Z",fill:"currentColor"})),ce=z({height:12,name:"IconSortUp",width:14},e("path",{d:"M3.46099 6.23438L6.43756 3.23438C6.60162 3.09375 6.78912 3 7.00006 3C7.18756 3 7.37506 3.09375 7.51568 3.23438L10.4922 6.23438C10.7032 6.44531 10.7735 6.77344 10.6563 7.05469C10.5391 7.33594 10.2813 7.5 9.97662 7.5H4.00006C3.69537 7.5 3.41412 7.33594 3.29693 7.05469C3.17974 6.77344 3.25006 6.44531 3.46099 6.23438Z",fill:"currentColor"}));L("@layer optiaxiom.koi6h4;@layer optiaxiom.koi6h4{._1dh81m7{color:var(--ax-colors-fg-tertiary);text-decoration:none;user-select:none}._1dh81m7:focus-visible{outline:none;z-index:10}._1botmij{grid-area:1/1/2/2}._1ij08kn{opacity:0}.fer3zz{opacity:1}._1ot8u9i{border-left-width:3px;cursor:col-resize;position:absolute;right:0;top:0;touch-action:none;user-select:none}@media (hover:hover){._1dh81m7:hover{color:var(--ax-colors-fg-secondary)}}}");var pe=d({base:[{alignItems:"center",display:"flex",gap:"4",justifyContent:"flex-start",rounded:"md",textAlign:"start",transition:"colors",w:"full"},"_1dh81m7"]}),me=d({base:[{h:"full",z:"10"},"_1ot8u9i"],variants:{resizing:{false:{},true:{borderColor:"border.focus"}}}}),w=d({base:[{h:"12",mx:"2",transition:"opacity"},"_1botmij"],variants:{active:{false:"_1ij08kn",true:"fer3zz"}}});const j=T(({children:t,header:r,...s},c)=>{const n=r.column.getIsSorted();return e(K,{asChild:!0,children:e(Y,{"aria-sort":r.column.columnDef.enableSorting?n===!1?"none":n==="asc"?"ascending":"descending":void 0,colSpan:r.colSpan,ref:c,...s,children:[r.column.columnDef.enableResizing&&e(H,{visible:r.column.getIsResizing(),children:e(W,{onDoubleClick:()=>r.column.resetSize(),onMouseDown:r.getResizeHandler(),onTouchStart:r.getResizeHandler(),orientation:"vertical",style:{transform:r.getContext().table.options.columnResizeMode==="onEnd"&&r.column.getIsResizing()?`translateX(${r.getContext().table.getState().columnSizingInfo.deltaOffset}px)`:""},...me({resizing:r.column.getIsResizing()})})}),r.column.columnDef.enableSorting?e(Q,{asChild:!0,inset:!0,...pe(),children:e("button",{onClick:()=>r.column.toggleSorting(),children:[t,n&&e(ee,{children:["sorted ",n==="asc"?"ascending":"descending"]}),e(H,{display:"grid",placeItems:"center",visible:!!n,children:[e(_,{asChild:!0,...w({active:n===!1}),children:e(se,{})}),e(_,{asChild:!0,...w({active:n==="asc"}),children:e(ce,{})}),e(_,{asChild:!0,...w({active:n==="desc"}),children:e(de,{})})]})]})}):t]})})});j.displayName="@optiaxiom/react/DataTableHeaderCell";const q=20,ge=20,M=T(({className:t,estimatedRowHeight:r=52,loading:s,...c},n)=>{const v=Z(null),B=F(v,n),{table:l}=J("@optiaxiom/react/DataTableBody"),{rows:g}=l.getRowModel(),u=l.getCenterVisibleLeafColumns(),y=D({count:u.length,enabled:u.length>q,estimateSize:i=>u[i].getSize(),getScrollElement:()=>v.current,horizontal:!0}),R=y.getVirtualItems(),I=R[0]?.start??0,p=D({count:g.length,enabled:u.length>q||g.length>ge,estimateSize:()=>r,getScrollElement:()=>v.current});return e(G,{layout:"fixed",ref:B,style:m({[ie]:`${l.getLeftTotalSize()}px`,[ne]:`${l.getRightTotalSize()}px`}),...le({pinned:l.getLeftTotalSize()>0&&l.getRightTotalSize()>0?"both":l.getLeftTotalSize()>0?"left":l.getRightTotalSize()>0?"right":"none"},t),...c,children:[e(X,{...ae(),children:l.getHeaderGroups().map(i=>e(V,{display:"flex",children:i.headers.map(a=>e(j,{header:a,style:{...m({[S]:`${a.column.getStart(a.column.getIsPinned()||"left")}px`,[x]:`${a.getSize()}px`})},...b({pinned:a.column.getIsPinned()||void 0,pinnedType:a.column.getIsPinned()?"header":void 0}),children:a.isPlaceholder?null:f(a.column.columnDef.header,a.getContext())},a.id))},i.id))}),e(U,{display:"grid",style:p.options.enabled?{height:`${p.getTotalSize()}px`}:void 0,children:(s?Array.from({length:10},(i,a)=>({row:ue(l,a),virtualRow:void 0})):p.options.enabled?p.getVirtualItems().map(i=>({row:g[i.index],virtualRow:i})):g.map(i=>({row:i,virtualRow:void 0}))).map(({row:i,virtualRow:a})=>e(V,{"data-highlighted":i.getIsSelected()?"":void 0,"data-index":a?.index,display:"flex",ref:a?p.measureElement:void 0,style:a?{minHeight:a.size,position:"absolute",transform:`translateY(${a.start}px)`}:void 0,children:[i.getLeftVisibleCells().map(o=>e(h,{style:{...m({[S]:`${o.column.getStart("left")}px`,[x]:`${o.column.getSize()}px`})},...b({pinned:"left",pinnedType:"body"}),children:s?e(C,{w:$(o.id)}):f(o.column.columnDef.cell,o.getContext())},o.id)),y.options.enabled&&I>0&&e(h,{style:{width:I}}),(y.options.enabled?R.map(o=>i.getCenterVisibleCells()[o.index]):i.getCenterVisibleCells()).map(o=>e(h,{style:{...m({[x]:`${o.column.getSize()}px`})},...b(),children:s?e(C,{w:$(o.id)}):f(o.column.columnDef.cell,o.getContext())},o.id)),i.getRightVisibleCells().map(o=>e(h,{style:{...m({[S]:`${o.column.getStart("right")}px`,[x]:`${o.column.getSize()}px`})},...b({pinned:"right",pinnedType:"body"}),children:s?e(C,{w:$(o.id)}):f(o.column.columnDef.cell,o.getContext())},o.id))]},i.id))})]})});M.displayName="@optiaxiom/react/DataTableBody";const k=(t,r)=>()=>t.map((s,c)=>({column:s,getContext:()=>({}),id:s.id+"-"+["1/2","full","3/4"][(r+c)%3]})),$=t=>t.split("-")[1],ue=(t,r)=>({getCenterVisibleCells:k(t.getCenterVisibleLeafColumns(),r),getIsSelected:()=>!1,getLeftVisibleCells:k(t.getLeftVisibleLeafColumns(),r),getRightVisibleCells:k(t.getRightVisibleLeafColumns(),r),id:"loading"+r}),P="ax-data-table-body";var he=A(P,M,O,N);export{P as DataTableBody,he as default};

package/dist/components/DataTableFooter.d.ts

@@ -0,0 +1,34 @@
+import { JSXBase } from '@stencil/core/internal';
+import { ComponentPropsWithoutRef } from 'react';
+import { BoxProps } from './Box.js';
+import '../types-D6jqxLjP.js';
+
+declare const DataTableFooter = "ax-data-table-footer";
+
+type DataTableFooterProps = BoxProps &  {
+  "pageSizeOptions"?: { label: string; value: string; }[];
+"page-size-options"?: { label: string; value: string; }[];
+"showPageSizeOptions"?: false | true;
+"show-page-size-options"?: false | true;
+"asChild"?: false | true;
+"as-child"?: false | true;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [DataTableFooter]: DataTableFooterProps & Omit<(JSXBase.IntrinsicElements["div"]), keyof DataTableFooterProps>;
+    }
+  }
+}
+
+declare module "react" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [DataTableFooter]: DataTableFooterProps & Omit<(ComponentPropsWithoutRef<"div">), keyof DataTableFooterProps>;
+    }
+  }
+}
+
+export { DataTableFooter };
+export type { DataTableFooterProps };

package/dist/components/DataTableFooter.js

@@ -0,0 +1 @@
+import{i as f,D as u,u as o,k as h,r as x,c as b}from"../register-D6N8B6AV.js";import{u as S}from"../propTypes-BgDgQj7O.js";import{u as w}from"../index-3yCeHosg.js";import{o as D}from"../Box-B6l_WmxD.js";import{t as e}from"../Flex-Cm3PadLk.js";import{h as y}from"../Pagination-BMX4Thug.js";import{I as z}from"../Select-DUIhcphB.js";import{p as C}from"../SelectContent-0XHpzpF9.js";import{g as P}from"../SelectTrigger-nEwGhHhW.js";import{o as a}from"../Text-CKNi0i7W.js";import{a as F}from"../DataTableContext-CmmUa1Ez.js";import"../layers.css.ts.vanilla-LO3h2rjG-xtDUQYCO.js";import{y as I}from"../recipeRuntime-DkvY0ny0.js";import"../index-BgsAJgCB.js";import"../index-uEcL3mb6.js";import"../index-B-5OXVqV.js";import"../Button-sfHhXP42.js";import"../Icon-B-1Tb39N.js";import"../isHoverSupported-DMhF6LbU.js";import"../index-VQRIDrjF.js";import"../decorateChildren-CgfQCQHq.js";import"../fallbackSpan-BpHyMB25.js";import"../ButtonRoot-CqqRifxZ.js";import"../AvatarGroup.css.ts.vanilla-cBnoy0-c-K-gYpMuB.js";import"../Spinner-Bxur3qMR.js";import"../Transition-C_7f7GX7.js";import"../TransitionGroupContext-D_06iJwS.js";import"../index-DlrTtA-M.js";import"../TransitionGroup--tyB9ZeA.js";import"../ButtonContext-DmfU957c.js";import"../ButtonGroup-CRT6lLwe.js";import"../IconAngleRight-nYBLv_BJ.js";import"../withIcon-BAx9SshG.js";import"../IconEllipsis-62ArFL79.js";import"../Tooltip-CJjmmSYO.js";import"../TooltipContent-Dix7iUQ5.js";import"../index-ByKm43-s.js";import"../index-CBrz5xtv.js";import"../index-mQGnRT7b.js";import"../index-kdb6LTlL.js";import"../index-DfI1C0CI.js";import"../index-CyQ6-EUv.js";import"../index-DE1LRaad.js";import"../index-CN23jJke.js";import"../Portal-Dbv9obJ6.js";import"../index-f0jF-SQk.js";import"../PortalContext-BNvIm8gi.js";import"../TooltipContext-LHaMjQ_f.js";import"../theme-css-DX4sf6ZH.js";import"../TooltipRoot-CRodEgtv.js";import"../TooltipTrigger-Dn_dVYCc.js";import"../FilteredSlot-C84aV4Vu.js";import"../TooltipProvider-CJtCWlBF.js";import"../VisuallyHidden-CLGCRunn.js";import"../tslib.es6-RFyvkXDo.js";import"../useEffectEvent-CoA7-PTt.js";import"../FieldContext-CPdl4sHm.js";import"../useObserveValue--1YXdcXi.js";import"../SelectContext-F1B52zWr.js";import"../Listbox-D-T0SVyW.js";import"../ListboxCheckboxItem-DmAXTg3n.js";import"../Checkbox-DNzdcWQ-.js";import"../ToggleInputLabel-BdG3L1H5.js";import"../ListboxItem-C65wrnyU.js";import"../ListboxEmpty-C-BwjVtU.js";import"../ListboxFooter-DQEvAJPX.js";import"../ListboxGroup-tJ87NOje.js";import"../ListboxGroupContext-CwH80oq2.js";import"../ListboxItemIndicator-DP77k7ED.js";import"../ListboxItemized-DfofbRi7.js";import"../index-XoWUgll-.js";import"../ListboxLabel-DBBYSgwT.js";import"../ListboxRadioItem-oJUBGGM3.js";import"../ListboxSeparator-BAUnb9WA.js";import"../Separator-D1TZx43A.js";import"../ListboxSwitchItem-BJnAJJ5O.js";import"../Switch-DnHZEkQu.js";import"../ModalContext-C7MELOWc.js";import"../ModalLayer-DmrL4xRd.js";import"../Combination-ChLN84hy.js";import"../ModalListbox-oeQicDqY.js";import"../Paper-D3E_bS7Z.js";import"../AngleMenuButton-CtHjxKII.js";import"../IconAngleDown-DoNwcU3I.js";import"../useFieldLabelTrigger-BhMQuypi.js";f("@layer optiaxiom.koi6h4;@layer optiaxiom.koi6h4{.g7852w{width:180px}}");var n=I({base:"g7852w",variants:{position:{end:{textAlign:"end"},start:{}}}});const v=["10","20","30","50","100"].map(r=>({label:r,value:r})),l=u(({pageSizeOptions:r=v,showPageSizeOptions:g,...c},d)=>{const{table:t}=F("@optiaxiom/react/DataTableFooter"),{pagination:i}=t.getState(),m=w();return o(e,{alignSelf:"stretch",flexDirection:"row",fontSize:"md",justifyContent:"space-between",mt:"auto",ref:d,...c,children:[o(D,{...n({position:"start"}),children:g&&o(e,{flexDirection:"row",gap:"8",children:[o(a,{color:"fg.secondary",id:m,children:"Page Size"}),o(z,{onValueChange:p=>p&&t.setPageSize(parseFloat(p)),options:r,value:i.pageSize.toString(),children:[o(P,{appearance:"subtle","aria-labelledby":m}),o(C,{})]})]})}),t.getPageCount()>1&&o(y,{onPageChange:p=>t.setPageIndex(p-1),page:i.pageIndex+1,total:t.getPageCount()}),o(a,{...n({position:"end"}),children:t.getRowCount()>0&&o(h,{children:[i.pageIndex*i.pageSize+1," -"," ",Math.min((i.pageIndex+1)*i.pageSize,t.getRowCount())," ","of ",t.getRowCount()]})})]})});l.displayName="@optiaxiom/react/DataTableFooter";const s="ax-data-table-footer";var T=x(s,l,S,b);export{s as DataTableFooter,T as default};

package/dist/components/DateInput.d.ts

@@ -0,0 +1,45 @@
+import { JSXBase } from '@stencil/core/internal';
+import { ComponentPropsWithoutRef } from 'react';
+import { BoxProps } from './Box.js';
+import '../types-D6jqxLjP.js';
+
+declare const DateInput = "ax-date-input";
+
+type DateInputProps = BoxProps &  {
+  "holiday"?: false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
+"weekend"?: false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
+"type"?: "date" | "datetime-local";
+"size"?: "md" | "lg" | "xl";
+"asChild"?: false | true;
+"as-child"?: false | true;
+"disabled"?: false | true;
+"addonPointerEvents"?: "none" | "auto";
+"addon-pointer-events"?: "none" | "auto";
+"error"?: false | true;
+"appearance"?: "number" | "default";
+"addonAfter"?: string | number | false | true;
+"addon-after"?: string;
+"addonBefore"?: string | number | false | true;
+"addon-before"?: string;
+"htmlSize"?: number;
+"html-size"?: number;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [DateInput]: DateInputProps & Omit<(JSXBase.IntrinsicElements["input"]), keyof DateInputProps>;
+    }
+  }
+}
+
+declare module "react" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [DateInput]: DateInputProps & Omit<(ComponentPropsWithoutRef<"input">), keyof DateInputProps>;
+    }
+  }
+}
+
+export { DateInput };
+export type { DateInputProps };

package/dist/components/DateInput.js

@@ -0,0 +1 @@
+import{i as $,D as q,d as k,A as d,u as o,r as z,c as B}from"../register-D6N8B6AV.js";import{v as E}from"../propTypes-BgDgQj7O.js";import{u as F}from"../index-uEcL3mb6.js";import{u as K}from"../index-B-5OXVqV.js";import{h as D}from"../Button-sfHhXP42.js";import"../ButtonGroup-CRT6lLwe.js";import{i as p,N as L,t as M,a as R}from"../Calendar-JRwpGKqT.js";import"../FieldContext-CPdl4sHm.js";import{o as G}from"../useObserveValue--1YXdcXi.js";import"../isHoverSupported-DMhF6LbU.js";import{o as H}from"../IconCalendar-1Z8UB8yj.js";import{l as J}from"../IconX-D1CsikgA.js";import{e as Q}from"../Input-D3Fyz6mW.js";import"../InputAddon-DJMTDTGO.js";import"../InputControl-BVtdtu9Q.js";import"../InputRoot-CJqmm4r0.js";import{t as T}from"../Popover-E4zDAnoN.js";import{r as U}from"../PopoverAnchor-BMSLTdtr.js";import{n as W}from"../PopoverContent-B4ERoEc9.js";import{t as X}from"../PopoverTrigger-DlDV2PV_.js";import"../layers.css.ts.vanilla-LO3h2rjG-xtDUQYCO.js";import{y as m}from"../recipeRuntime-DkvY0ny0.js";import"../index-BgsAJgCB.js";import"../Icon-B-1Tb39N.js";import"../Box-B6l_WmxD.js";import"../decorateChildren-CgfQCQHq.js";import"../fallbackSpan-BpHyMB25.js";import"../ButtonRoot-CqqRifxZ.js";import"../AvatarGroup.css.ts.vanilla-cBnoy0-c-K-gYpMuB.js";import"../Spinner-Bxur3qMR.js";import"../Flex-Cm3PadLk.js";import"../Transition-C_7f7GX7.js";import"../TransitionGroupContext-D_06iJwS.js";import"../index-DlrTtA-M.js";import"../TransitionGroup--tyB9ZeA.js";import"../ButtonContext-DmfU957c.js";import"../Select-DUIhcphB.js";import"../index-CyQ6-EUv.js";import"../index-kdb6LTlL.js";import"../index-DfI1C0CI.js";import"../tslib.es6-RFyvkXDo.js";import"../useEffectEvent-CoA7-PTt.js";import"../SelectContext-F1B52zWr.js";import"../VisuallyHidden-CLGCRunn.js";import"../index-CN23jJke.js";import"../FilteredSlot-C84aV4Vu.js";import"../SelectContent-0XHpzpF9.js";import"../Listbox-D-T0SVyW.js";import"../ListboxCheckboxItem-DmAXTg3n.js";import"../Checkbox-DNzdcWQ-.js";import"../ToggleInputLabel-BdG3L1H5.js";import"../index-3yCeHosg.js";import"../withIcon-BAx9SshG.js";import"../ListboxItem-C65wrnyU.js";import"../Text-CKNi0i7W.js";import"../ListboxEmpty-C-BwjVtU.js";import"../ListboxFooter-DQEvAJPX.js";import"../ListboxGroup-tJ87NOje.js";import"../ListboxGroupContext-CwH80oq2.js";import"../ListboxItemIndicator-DP77k7ED.js";import"../ListboxItemized-DfofbRi7.js";import"../index-XoWUgll-.js";import"../ListboxLabel-DBBYSgwT.js";import"../ListboxRadioItem-oJUBGGM3.js";import"../ListboxSeparator-BAUnb9WA.js";import"../Separator-D1TZx43A.js";import"../ListboxSwitchItem-BJnAJJ5O.js";import"../Switch-DnHZEkQu.js";import"../ModalContext-C7MELOWc.js";import"../ModalLayer-DmrL4xRd.js";import"../index-mQGnRT7b.js";import"../index-CBrz5xtv.js";import"../Combination-ChLN84hy.js";import"../ModalListbox-oeQicDqY.js";import"../Paper-D3E_bS7Z.js";import"../Portal-Dbv9obJ6.js";import"../index-f0jF-SQk.js";import"../PortalContext-BNvIm8gi.js";import"../Tooltip-CJjmmSYO.js";import"../TooltipContent-Dix7iUQ5.js";import"../index-ByKm43-s.js";import"../index-DE1LRaad.js";import"../TooltipContext-LHaMjQ_f.js";import"../theme-css-DX4sf6ZH.js";import"../TooltipRoot-CRodEgtv.js";import"../TooltipTrigger-Dn_dVYCc.js";import"../TooltipProvider-CJtCWlBF.js";import"../SelectTrigger-nEwGhHhW.js";import"../AngleMenuButton-CtHjxKII.js";import"../IconAngleDown-DoNwcU3I.js";import"../useFieldLabelTrigger-BhMQuypi.js";import"../IconAngleRight-nYBLv_BJ.js";import"../index-VQRIDrjF.js";import"../InputContext-Bk2AiXJQ.js";import"../InputControl.css.ts.vanilla-DxYvZN_I-BdQB_mQT.js";import"../index-DgGPVV3u.js";import"../index-GYg7wYdo.js";import"../PopoverContext-C_QjV6-3.js";import"../onReactSelectInputBlur-Ccsx5sdl.js";$("@layer optiaxiom.koi6h4;@layer optiaxiom.koi6h4{.mafrl::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}._18slptf:is(:not(:focus-within):not(:hover),:has(input:disabled)) .vwbrc9{visibility:hidden}@supports not selector(::-webkit-datetime-edit){.mmb9xb{display:none!important}}}");var Y=m({base:[{size:"sm"},"vwbrc9"]}),Z=m({base:"_18slptf"}),tt=m({base:"mafrl"}),ot=m({base:"mmb9xb"});const g=q(({className:x,disabled:c,holiday:I,max:a,min:n,onChange:S,step:f,type:r="date",weekend:A,...e},N)=>{const[P,i]=k(!1),l=d(!1),h=d(null),s=d(null),j=F(s,N),[u,b]=K({caller:"@optiaxiom/react/DateInput",defaultProp:e.defaultValue,prop:e.value}),v=G(s,b),y=typeof u=="string"?p(u)??null:null,[O,C]=k(y??void 0),V=a?p(a):void 0,_=n?p(n):void 0;return o(T,{onOpenChange:i,open:!c&&P,children:[o(U,{children:o(Q,{addonAfter:u&&!e.required&&o(D,{appearance:"subtle","aria-label":"Clear",icon:o(J,{}),onPointerDown:t=>{t.preventDefault(),v("")},tabIndex:-1,...Y()}),addonBefore:o(X,{"aria-label":"Show date picker",asChild:!0,hasCustomAnchor:!0,ref:h,role:"img",...ot(),children:o(H,{})}),asChild:!0,disabled:c,max:a,min:n,onChange:t=>{S?.(t),b(t.target.value),C(p(t.target.value))},onClick:t=>{CSS.supports("selector(::-webkit-datetime-edit)")&&t.preventDefault()},onKeyDown:t=>{CSS.supports("selector(::-webkit-datetime-edit)")&&(t.key===" "?(t.preventDefault(),i(!0)):t.key==="Escape"&&(t.preventDefault(),i(!1)))},ref:j,step:f,type:r,...Z({},x),...e,children:o("input",{...tt()})})}),o(W,{gap:"8",onCloseAutoFocus:t=>{l.current?l.current=!1:(t.preventDefault(),s.current?.focus())},onInteractOutside:t=>{t.target instanceof Node&&h.current?.contains(t.target)||(l.current=!0)},children:[o(L,{holiday:I,max:V,min:_,month:O,onMonthChange:C,onValueChange:t=>{t&&(v(r==="datetime-local"?M(t):R(t)),r==="date"&&i(!1))},step:f,type:r,value:y,weekend:A}),r==="datetime-local"&&o(D,{flex:"none",justifyContent:"center",onClick:()=>i(!1),children:"Done"})]})]})});g.displayName="@optiaxiom/react/DateInput";const w="ax-date-input";var rt=z(w,g,E,B);export{w as DateInput,rt as default};

package/dist/components/DateRangePicker.d.ts

@@ -0,0 +1,38 @@
+import { ReactNode } from 'react';
+import './Box.js';
+import '@stencil/core/internal';
+import '../types-D6jqxLjP.js';
+
+declare const DateRangePicker = "ax-date-range-picker";
+
+type DateRangePickerProps =  {
+  "defaultOpen"?: false | true;
+"default-open"?: false | true;
+"modal"?: false | true;
+"onOpenChange"?: (open: boolean) => void;
+"open"?: false | true;
+"defaultValue"?: DateRange;
+"default-value"?: DateRange;
+"disabled"?: false | true;
+"onValueChange"?: (value: DateRange) => void;
+"value"?: DateRange;
+};
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [DateRangePicker]: DateRangePickerProps;
+    }
+  }
+}
+
+declare module "react" {
+  namespace JSX {
+    interface IntrinsicElements {
+      [DateRangePicker]: DateRangePickerProps & { children?: ReactNode };
+    }
+  }
+}
+
+export { DateRangePicker };
+export type { DateRangePickerProps };

package/dist/components/DateRangePicker.js

@@ -0,0 +1 @@
+import{u as t,r as h,c as k}from"../register-D6N8B6AV.js";import{w as C}from"../propTypes-BgDgQj7O.js";import{u as o}from"../index-B-5OXVqV.js";import{t as D}from"../Popover-E4zDAnoN.js";import"../PopoverAnchor-BMSLTdtr.js";import"../PopoverContent-B4ERoEc9.js";import"../PopoverTrigger-DlDV2PV_.js";import{t as R}from"../DateRangePickerContext-bK66xYLz.js";import"../index-BgsAJgCB.js";import"../index-DgGPVV3u.js";import"../index-CBrz5xtv.js";import"../index-uEcL3mb6.js";import"../index-DlrTtA-M.js";import"../index-mQGnRT7b.js";import"../index-kdb6LTlL.js";import"../index-DfI1C0CI.js";import"../Combination-ChLN84hy.js";import"../tslib.es6-RFyvkXDo.js";import"../index-GYg7wYdo.js";import"../index-3yCeHosg.js";import"../index-CyQ6-EUv.js";import"../index-DE1LRaad.js";import"../PopoverContext-C_QjV6-3.js";import"../Box-B6l_WmxD.js";import"../layers.css.ts.vanilla-LO3h2rjG-xtDUQYCO.js";import"../recipeRuntime-DkvY0ny0.js";import"../ModalContext-C7MELOWc.js";import"../ModalLayer-DmrL4xRd.js";import"../ModalListbox-oeQicDqY.js";import"../Listbox-D-T0SVyW.js";import"../ListboxCheckboxItem-DmAXTg3n.js";import"../Checkbox-DNzdcWQ-.js";import"../ToggleInputLabel-BdG3L1H5.js";import"../Flex-Cm3PadLk.js";import"../AvatarGroup.css.ts.vanilla-cBnoy0-c-K-gYpMuB.js";import"../VisuallyHidden-CLGCRunn.js";import"../index-CN23jJke.js";import"../FilteredSlot-C84aV4Vu.js";import"../withIcon-BAx9SshG.js";import"../Icon-B-1Tb39N.js";import"../ListboxItem-C65wrnyU.js";import"../Text-CKNi0i7W.js";import"../isHoverSupported-DMhF6LbU.js";import"../index-VQRIDrjF.js";import"../decorateChildren-CgfQCQHq.js";import"../fallbackSpan-BpHyMB25.js";import"../ListboxEmpty-C-BwjVtU.js";import"../ListboxFooter-DQEvAJPX.js";import"../ListboxGroup-tJ87NOje.js";import"../ListboxGroupContext-CwH80oq2.js";import"../ListboxItemIndicator-DP77k7ED.js";import"../ListboxItemized-DfofbRi7.js";import"../useEffectEvent-CoA7-PTt.js";import"../FieldContext-CPdl4sHm.js";import"../Spinner-Bxur3qMR.js";import"../index-XoWUgll-.js";import"../TransitionGroupContext-D_06iJwS.js";import"../ListboxLabel-DBBYSgwT.js";import"../ListboxRadioItem-oJUBGGM3.js";import"../ListboxSeparator-BAUnb9WA.js";import"../Separator-D1TZx43A.js";import"../ListboxSwitchItem-BJnAJJ5O.js";import"../Switch-DnHZEkQu.js";import"../Paper-D3E_bS7Z.js";import"../Transition-C_7f7GX7.js";import"../TransitionGroup--tyB9ZeA.js";import"../Portal-Dbv9obJ6.js";import"../index-f0jF-SQk.js";import"../PortalContext-BNvIm8gi.js";import"../onReactSelectInputBlur-Ccsx5sdl.js";import"../theme-css-DX4sf6ZH.js";import"../Button-sfHhXP42.js";import"../ButtonRoot-CqqRifxZ.js";import"../ButtonContext-DmfU957c.js";import"../ButtonGroup-CRT6lLwe.js";function i({children:m,defaultOpen:e=!1,defaultValue:a=null,disabled:n,onOpenChange:l,onValueChange:c,open:s,value:u,...d}){const[g,r]=o({caller:"@optiaxiom/react/DateRangePicker",defaultProp:e,onChange:l,prop:s}),[f,P]=o({caller:"@optiaxiom/react/DateRangePicker",defaultProp:a,onChange:c,prop:u});return t(D,{onOpenChange:r,open:g,...d,children:t(R,{disabled:n,setOpen:r,setValue:P,value:f,children:m})})}i.displayName="@optiaxiom/react/DateRangePicker";const p="ax-date-range-picker";var x=h(p,i,C,k);export{p as DateRangePicker,x as default};