@new-black/lyra 0.1.6 → 0.1.8

package/dist/components/tag/tag.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { TagProps as AriaTagProps } from "react-aria-components";
+export declare const Tag: (props: Omit<AriaTagProps, "textValue"> & {
+    children: string;
+    canBeRemoved?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+//# sourceMappingURL=tag.d.ts.map

package/dist/components/tag/tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag/tag.tsx"],"names":[],"mappings":";AACA,OAAO,EAA0B,QAAQ,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAsCzF,eAAO,MAAM,GAAG;cA5BJ,MAAM;;4IA4BsB,CAAC"}

package/dist/components/tag/tag.styles.d.ts

@@ -0,0 +1,28 @@
+/**
+ * ```css
+ * :root {
+ *   --tag-bg-color: theme(colors.neutral.3);
+ *   --tag-text-color: theme(colors.neutral.foreground-1);
+ *   --tag-text-size: theme(fontSize.sm);
+ *   --tag-text-weight: theme(fontWeight.normal);
+ *   --tag-padding-y: theme(spacing[0.5]);
+ *   --tag-padding-x: theme(spacing[1]);
+ *   --tag-radius: theme(borderRadius.base);
+ *   --tag-gap-x: theme(spacing[0.5]);
+ *   --tag-border-color: theme(colors.neutral.3);
+ *   --tag-border-width: theme(borderWidth.DEFAULT);
+ *   --tag-focused-bg-color: theme(colors.neutral.3);
+ *   --tag-hovered-bg-color: theme(colors.neutral.3);
+ *   --tag-focused-border-color: theme(colors.primary.DEFAULT);
+ *   --tag-focused-border-width: theme(borderWidth.2);
+ *   --tag-hovered-border-color: theme(colors.neutral.3);
+ *   --tag-hovered-border-width: theme(borderWidth.DEFAULT);
+ * }
+ * ```
+ */
+export declare const tagStyles: (props?: ({
+    isHovered?: boolean | null | undefined;
+    isFocused?: boolean | null | undefined;
+    isDisabled?: boolean | null | undefined;
+} & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=tag.styles.d.ts.map

package/dist/components/tag/tag.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.styles.d.ts","sourceRoot":"","sources":["../../../src/components/tag/tag.styles.ts"],"names":[],"mappings":"AAEA,OAAO,gBAAgB,CAAC;AAExB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,SAAS;;;;0FAoCrB,CAAC"}

package/dist/icons/icon-defs.svg

@@ -130,4 +130,9 @@
             d="M4.64645 1.64645C4.84171 1.45118 5.15829 1.45118 5.35355 1.64645L11.3536 7.64645C11.5488 7.84171 11.5488 8.15829 11.3536 8.35355L5.35355 14.3536C5.15829 14.5488 4.84171 14.5488 4.64645 14.3536C4.45118 14.1583 4.45118 13.8417 4.64645 13.6464L10.2929 8L4.64645 2.35355C4.45118 2.15829 4.45118 1.84171 4.64645 1.64645Z"
             fill="currentColor" />
     </symbol>
+    <symbol id="search" viewBox="0 0 16 16" fill="none">
+        <path
+            d="M11.7422 10.3439C12.5329 9.2673 13 7.9382 13 6.5C13 2.91015 10.0899 0 6.5 0C2.91015 0 0 2.91015 0 6.5C0 10.0899 2.91015 13 6.5 13C7.93858 13 9.26801 12.5327 10.3448 11.7415L10.3439 11.7422C10.3734 11.7822 10.4062 11.8204 10.4424 11.8566L14.2929 15.7071C14.6834 16.0976 15.3166 16.0976 15.7071 15.7071C16.0976 15.3166 16.0976 14.6834 15.7071 14.2929L11.8566 10.4424C11.8204 10.4062 11.7822 10.3734 11.7422 10.3439ZM12 6.5C12 9.53757 9.53757 12 6.5 12C3.46243 12 1 9.53757 1 6.5C1 3.46243 3.46243 1 6.5 1C9.53757 1 12 3.46243 12 6.5Z"
+            fill="currentColor" />
+    </symbol>
 </svg>

package/dist/index.d.ts

@@ -2,12 +2,15 @@ export * from "./components/accordion";
 export * from "./components/alert";
 export * from "./components/badge";
 export * from "./components/button";
+export * from "./components/card";
 export * from "./components/inputs";
 export * from "./components/list-box";
 export * from "./components/overlays";
 export * from "./components/progress-bar";
+export * from "./components/skeleton";
 export * from "./components/spinner";
 export * from "./components/svg-icon";
+export * from "./components/tag";
 export * from "./components/text";
 export * from "./components/tooltip";
 export * from "./utils/hooks";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC"}

package/dist/lyra-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lyra-plugin.d.ts","sourceRoot":"","sources":["../src/lyra-plugin.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;CAgbtB,CAAC"}
+{"version":3,"file":"lyra-plugin.d.ts","sourceRoot":"","sources":["../src/lyra-plugin.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;CAobtB,CAAC"}

package/dist/lyra.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra2.cjs"),r=require("./lyra3.cjs"),p=require("./lyra4.cjs"),x=require("./lyra5.cjs"),q=require("./lyra6.cjs"),I=require("./lyra7.cjs"),c=require("./lyra8.cjs"),s=require("./lyra9.cjs"),u=require("./lyra10.cjs"),o=require("./lyra11.cjs"),b=require("./lyra12.cjs"),m=require("./lyra13.cjs"),g=require("./lyra14.cjs"),B=require("./lyra15.cjs"),a=require("./lyra16.cjs"),h=require("./lyra17.cjs"),t=require("./lyra18.cjs"),T=require("./lyra19.cjs"),i=require("./lyra20.cjs"),v=require("./lyra21.cjs"),F=require("./lyra22.cjs"),e=require("./lyra23.cjs"),l=require("./lyra24.cjs"),d=require("./lyra25.cjs"),P=require("./lyra26.cjs"),k=require("./lyra27.cjs"),y=require("./lyra28.cjs"),L=require("./lyra29.cjs"),S=require("./lyra30.cjs"),_=require("./lyra31.cjs"),G=require("./lyra32.cjs"),A=require("./lyra33.cjs"),H=require("./lyra34.cjs"),f=require("./lyra35.cjs"),D=require("./lyra36.cjs");require("react");const C=require("./lyra37.cjs"),E=require("./lyra38.cjs"),M=require("./lyra39.cjs"),R=require("./lyra40.cjs"),W=require("./lyra41.cjs"),w=require("./lyra42.cjs"),O=require("./lyra43.cjs");exports.Accordion=n.Accordion;exports.AccordionItem=n.AccordionItem;exports.accordionItemButtonStyles=r.accordionItemButtonStyles;exports.accordionItemContentStyles=r.accordionItemContentStyles;exports.accordionItemStyles=r.accordionItemStyles;exports.Alert=p.Alert;exports.alertStyles=x.alertStyles;exports.Badge=q.Badge;exports.badgeStyles=I.badgeStyles;exports.Button=c.Button;exports.ButtonInner=c.ButtonInner;exports.buttonStyles=s.buttonStyles;exports.iconStyles=s.iconStyles;exports.nakedButtonStyles=s.nakedButtonStyles;exports.Checkbox=u.Checkbox;exports.CheckboxGroup=u.CheckboxGroup;exports.checkboxGroupStyles=o.checkboxGroupStyles;exports.checkboxStyles=o.checkboxStyles;exports.checkboxWrapperStyles=o.checkboxWrapperStyles;exports.EmailTextField=b.EmailTextField;exports.InputIcon=m.InputIcon;exports.NumberField=g.NumberField;exports.PasswordTextField=B.PasswordTextField;exports.Radio=a.Radio;exports.RadioGroup=a.RadioGroup;exports.Select=h.Select;exports.sharedInputFieldStyles=t.sharedInputFieldStyles;exports.sharedInputFieldWrapperStyles=t.sharedInputFieldWrapperStyles;exports.sharedInputHintStyles=t.sharedInputHintStyles;exports.sharedInputStyles=t.sharedInputStyles;exports.sharedInputlabelStyles=t.sharedInputlabelStyles;exports.Slider=T.Slider;exports.sliderStyles=i.sliderStyles;exports.sliderThumbStyles=i.sliderThumbStyles;exports.sliderTrackStyles=i.sliderTrackStyles;exports.TextField=v.TextField;exports.TimeField=F.TimeField;exports.Header=e.Header;exports.Item=e.Item;exports.ListBox=e.ListBox;exports.ListBoxHeader=e.ListBoxHeader;exports.ListBoxItem=e.ListBoxItem;exports.ListBoxSection=e.ListBoxSection;exports.Section=e.Section;exports.listBoxHeaderStyles=l.listBoxHeaderStyles;exports.listBoxItemStyles=l.listBoxItemStyles;exports.listBoxStyles=l.listBoxStyles;exports.Popover=d.Popover;exports.PopoverTrigger=d.PopoverTrigger;exports.popoverStyles=P.popoverStyles;exports.Dialog=k.Dialog;exports.modalOverlayStyles=y.modalOverlayStyles;exports.modalStyles=y.modalStyles;exports.ProgressBar=L.ProgressBar;exports.barActiveStyles=S.barActiveStyles;exports.barStyles=S.barStyles;exports.Spinner=_.Spinner;exports.spinnerStyles=G.spinnerStyles;exports.SvgIcon=A.SvgIcon;exports.Text=H.Text;exports.textStyles=f.textStyles;exports.Tooltip=D.Tooltip;exports.useIsMobileDevice=C.useIsMobileDevice;exports.useIsomorphicLayoutEffect=E.useIsomorphicLayoutEffect;exports.lyraPlugin=M.lyraPlugin;exports.lyraPreset=R.lyraPreset;exports.Provider=W.Provider;exports.useLocale=w.useLocale;exports.DialogTrigger=O.DialogTrigger;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra2.cjs"),r=require("./lyra3.cjs"),q=require("./lyra4.cjs"),x=require("./lyra5.cjs"),I=require("./lyra6.cjs"),g=require("./lyra7.cjs"),c=require("./lyra8.cjs"),s=require("./lyra9.cjs"),b=require("./lyra10.cjs"),a=require("./lyra11.cjs"),o=require("./lyra12.cjs"),h=require("./lyra13.cjs"),m=require("./lyra14.cjs"),B=require("./lyra15.cjs"),T=require("./lyra16.cjs"),u=require("./lyra17.cjs"),F=require("./lyra18.cjs"),t=require("./lyra19.cjs"),v=require("./lyra20.cjs"),i=require("./lyra21.cjs"),k=require("./lyra22.cjs"),P=require("./lyra23.cjs"),L=require("./lyra24.cjs"),D=require("./lyra25.cjs"),_=require("./lyra26.cjs"),e=require("./lyra27.cjs"),l=require("./lyra28.cjs"),d=require("./lyra29.cjs"),G=require("./lyra30.cjs"),A=require("./lyra31.cjs"),y=require("./lyra32.cjs"),f=require("./lyra33.cjs"),S=require("./lyra34.cjs"),C=require("./lyra35.cjs"),H=require("./lyra36.cjs"),E=require("./lyra37.cjs"),M=require("./lyra38.cjs"),O=require("./lyra39.cjs"),R=require("./lyra40.cjs"),W=require("./lyra41.cjs"),w=require("./lyra42.cjs"),z=require("./lyra43.cjs"),N=require("./lyra44.cjs");require("react");const j=require("./lyra45.cjs"),J=require("./lyra46.cjs"),p=require("./lyra47.cjs"),K=require("./lyra48.cjs"),Q=require("./lyra49.cjs"),U=require("./lyra50.cjs"),V=require("./lyra51.cjs"),X=require("./lyra52.cjs");exports.Accordion=n.Accordion;exports.AccordionItem=n.AccordionItem;exports.accordionItemButtonStyles=r.accordionItemButtonStyles;exports.accordionItemContentStyles=r.accordionItemContentStyles;exports.accordionItemStyles=r.accordionItemStyles;exports.Alert=q.Alert;exports.alertStyles=x.alertStyles;exports.Badge=I.Badge;exports.badgeStyles=g.badgeStyles;exports.Button=c.Button;exports.ButtonInner=c.ButtonInner;exports.buttonStyles=s.buttonStyles;exports.iconStyles=s.iconStyles;exports.nakedButtonStyles=s.nakedButtonStyles;exports.Card=b.Card;exports.Checkbox=a.Checkbox;exports.CheckboxGroup=a.CheckboxGroup;exports.checkboxGroupStyles=o.checkboxGroupStyles;exports.checkboxStyles=o.checkboxStyles;exports.checkboxWrapperStyles=o.checkboxWrapperStyles;exports.EmailTextField=h.EmailTextField;exports.InputIcon=m.InputIcon;exports.NumberField=B.NumberField;exports.PasswordTextField=T.PasswordTextField;exports.Radio=u.Radio;exports.RadioGroup=u.RadioGroup;exports.Select=F.Select;exports.sharedInputFieldStyles=t.sharedInputFieldStyles;exports.sharedInputFieldWrapperStyles=t.sharedInputFieldWrapperStyles;exports.sharedInputHintStyles=t.sharedInputHintStyles;exports.sharedInputSizeStyles=t.sharedInputSizeStyles;exports.sharedInputStyles=t.sharedInputStyles;exports.sharedInputlabelStyles=t.sharedInputlabelStyles;exports.Slider=v.Slider;exports.sliderStyles=i.sliderStyles;exports.sliderThumbStyles=i.sliderThumbStyles;exports.sliderTrackStyles=i.sliderTrackStyles;exports.SearchField=k.SearchField;exports.SearchListField=P.SearchListField;exports.TextField=L.TextField;exports.TextAreaField=D.TextAreaField;exports.TimeField=_.TimeField;exports.Header=e.Header;exports.Item=e.Item;exports.ListBox=e.ListBox;exports.ListBoxHeader=e.ListBoxHeader;exports.ListBoxItem=e.ListBoxItem;exports.ListBoxSection=e.ListBoxSection;exports.Section=e.Section;exports.listBoxHeaderStyles=l.listBoxHeaderStyles;exports.listBoxItemStyles=l.listBoxItemStyles;exports.listBoxStyles=l.listBoxStyles;exports.Popover=d.Popover;exports.PopoverTrigger=d.PopoverTrigger;exports.popoverStyles=G.popoverStyles;exports.Dialog=A.Dialog;exports.modalOverlayStyles=y.modalOverlayStyles;exports.modalStyles=y.modalStyles;exports.ProgressBar=f.ProgressBar;exports.barActiveStyles=S.barActiveStyles;exports.barStyles=S.barStyles;exports.Skeleton=C.Skeleton;exports.Spinner=H.Spinner;exports.spinnerStyles=E.spinnerStyles;exports.SvgIcon=M.SvgIcon;exports.Tag=O.Tag;exports.tagStyles=R.tagStyles;exports.TagGroup=W.TagGroup;exports.Text=w.Text;exports.textStyles=z.textStyles;exports.Tooltip=N.Tooltip;exports.useIsomorphicLayoutEffect=j.useIsomorphicLayoutEffect;exports.useIsMobileDevice=J.useIsMobileDevice;exports.spinDelayDefaultOptions=p.spinDelayDefaultOptions;exports.useSpinDelay=p.useSpinDelay;exports.lyraPlugin=K.lyraPlugin;exports.lyraPreset=Q.lyraPreset;exports.Provider=U.Provider;exports.useLocale=V.useLocale;exports.DialogTrigger=X.DialogTrigger;

package/dist/lyra.js

@@ -1,114 +1,134 @@
 import { Accordion as t, AccordionItem as p } from "./lyra2.js";
 import { accordionItemButtonStyles as x, accordionItemContentStyles as m, accordionItemStyles as s } from "./lyra3.js";
-import { Alert as f } from "./lyra4.js";
+import { Alert as i } from "./lyra4.js";
 import { alertStyles as S } from "./lyra5.js";
-import { Badge as y } from "./lyra6.js";
+import { Badge as n } from "./lyra6.js";
 import { badgeStyles as c } from "./lyra7.js";
-import { Button as I, ButtonInner as b } from "./lyra8.js";
-import { buttonStyles as h, iconStyles as g, nakedButtonStyles as T } from "./lyra9.js";
-import { Checkbox as k, CheckboxGroup as F } from "./lyra10.js";
-import { checkboxGroupStyles as L, checkboxStyles as A, checkboxWrapperStyles as H } from "./lyra11.js";
-import { EmailTextField as D } from "./lyra12.js";
-import { InputIcon as E } from "./lyra13.js";
-import { NumberField as W } from "./lyra14.js";
-import { PasswordTextField as M } from "./lyra15.js";
-import { Radio as O, RadioGroup as j } from "./lyra16.js";
-import { Select as z } from "./lyra17.js";
-import { sharedInputFieldStyles as K, sharedInputFieldWrapperStyles as Q, sharedInputHintStyles as U, sharedInputStyles as V, sharedInputlabelStyles as X } from "./lyra18.js";
-import { Slider as Z } from "./lyra19.js";
-import { sliderStyles as $, sliderThumbStyles as ee, sliderTrackStyles as oe } from "./lyra20.js";
-import { TextField as te } from "./lyra21.js";
-import { TimeField as le } from "./lyra22.js";
-import { Header as me, Item as se, ListBox as ie, ListBoxHeader as fe, ListBoxItem as ae, ListBoxSection as Se, Section as de } from "./lyra23.js";
-import { listBoxHeaderStyles as ne, listBoxItemStyles as ce, listBoxStyles as ue } from "./lyra24.js";
-import { Popover as be, PopoverTrigger as Be } from "./lyra25.js";
-import { popoverStyles as ge } from "./lyra26.js";
-import { Dialog as ve } from "./lyra27.js";
-import { modalOverlayStyles as Fe, modalStyles as Pe } from "./lyra28.js";
-import { ProgressBar as Ae } from "./lyra29.js";
-import { barActiveStyles as Ce, barStyles as De } from "./lyra30.js";
-import { Spinner as Ee } from "./lyra31.js";
-import { spinnerStyles as We } from "./lyra32.js";
-import { SvgIcon as Me } from "./lyra33.js";
-import { Text as Oe } from "./lyra34.js";
-import { textStyles as qe } from "./lyra35.js";
-import { Tooltip as Je } from "./lyra36.js";
+import { Button as I, ButtonInner as h } from "./lyra8.js";
+import { buttonStyles as b, iconStyles as B, nakedButtonStyles as T } from "./lyra9.js";
+import { Card as k } from "./lyra10.js";
+import { Checkbox as L, CheckboxGroup as P } from "./lyra11.js";
+import { checkboxGroupStyles as A, checkboxStyles as C, checkboxWrapperStyles as G } from "./lyra12.js";
+import { EmailTextField as E } from "./lyra13.js";
+import { InputIcon as R } from "./lyra14.js";
+import { NumberField as w } from "./lyra15.js";
+import { PasswordTextField as M } from "./lyra16.js";
+import { Radio as j, RadioGroup as q } from "./lyra17.js";
+import { Select as K } from "./lyra18.js";
+import { sharedInputFieldStyles as U, sharedInputFieldWrapperStyles as V, sharedInputHintStyles as X, sharedInputSizeStyles as Y, sharedInputStyles as Z, sharedInputlabelStyles as _ } from "./lyra19.js";
+import { Slider as ee } from "./lyra20.js";
+import { sliderStyles as re, sliderThumbStyles as te, sliderTrackStyles as pe } from "./lyra21.js";
+import { SearchField as xe } from "./lyra22.js";
+import { SearchListField as se } from "./lyra23.js";
+import { TextField as ie } from "./lyra24.js";
+import { TextAreaField as Se } from "./lyra25.js";
+import { TimeField as ne } from "./lyra26.js";
+import { Header as ce, Item as ue, ListBox as Ie, ListBoxHeader as he, ListBoxItem as ge, ListBoxSection as be, Section as Be } from "./lyra27.js";
+import { listBoxHeaderStyles as Fe, listBoxItemStyles as ke, listBoxStyles as ve } from "./lyra28.js";
+import { Popover as Pe, PopoverTrigger as De } from "./lyra29.js";
+import { popoverStyles as Ce } from "./lyra30.js";
+import { Dialog as He } from "./lyra31.js";
+import { modalOverlayStyles as Oe, modalStyles as Re } from "./lyra32.js";
+import { ProgressBar as we } from "./lyra33.js";
+import { barActiveStyles as Me, barStyles as Ne } from "./lyra34.js";
+import { Skeleton as qe } from "./lyra35.js";
+import { Spinner as Ke } from "./lyra36.js";
+import { spinnerStyles as Ue } from "./lyra37.js";
+import { SvgIcon as Xe } from "./lyra38.js";
+import { Tag as Ze } from "./lyra39.js";
+import { tagStyles as $e } from "./lyra40.js";
+import { TagGroup as oo } from "./lyra41.js";
+import { Text as to } from "./lyra42.js";
+import { textStyles as lo } from "./lyra43.js";
+import { Tooltip as mo } from "./lyra44.js";
 import "react";
-import { useIsMobileDevice as Qe } from "./lyra37.js";
-import { useIsomorphicLayoutEffect as Ve } from "./lyra38.js";
-import { lyraPlugin as Ye } from "./lyra39.js";
-import { lyraPreset as _e } from "./lyra40.js";
-import { Provider as eo } from "./lyra41.js";
-import { useLocale as ro } from "./lyra42.js";
-import { DialogTrigger as po } from "./lyra43.js";
+import { useIsomorphicLayoutEffect as fo } from "./lyra45.js";
+import { useIsMobileDevice as ao } from "./lyra46.js";
+import { spinDelayDefaultOptions as no, useSpinDelay as yo } from "./lyra47.js";
+import { lyraPlugin as uo } from "./lyra48.js";
+import { lyraPreset as ho } from "./lyra49.js";
+import { Provider as bo } from "./lyra50.js";
+import { useLocale as To } from "./lyra51.js";
+import { DialogTrigger as ko } from "./lyra52.js";
 export {
   t as Accordion,
   p as AccordionItem,
-  f as Alert,
-  y as Badge,
+  i as Alert,
+  n as Badge,
   I as Button,
-  b as ButtonInner,
-  k as Checkbox,
-  F as CheckboxGroup,
-  ve as Dialog,
-  po as DialogTrigger,
-  D as EmailTextField,
-  me as Header,
-  E as InputIcon,
-  se as Item,
-  ie as ListBox,
-  fe as ListBoxHeader,
-  ae as ListBoxItem,
-  Se as ListBoxSection,
-  W as NumberField,
+  h as ButtonInner,
+  k as Card,
+  L as Checkbox,
+  P as CheckboxGroup,
+  He as Dialog,
+  ko as DialogTrigger,
+  E as EmailTextField,
+  ce as Header,
+  R as InputIcon,
+  ue as Item,
+  Ie as ListBox,
+  he as ListBoxHeader,
+  ge as ListBoxItem,
+  be as ListBoxSection,
+  w as NumberField,
   M as PasswordTextField,
-  be as Popover,
-  Be as PopoverTrigger,
-  Ae as ProgressBar,
-  eo as Provider,
-  O as Radio,
-  j as RadioGroup,
-  de as Section,
-  z as Select,
-  Z as Slider,
-  Ee as Spinner,
-  Me as SvgIcon,
-  Oe as Text,
-  te as TextField,
-  le as TimeField,
-  Je as Tooltip,
+  Pe as Popover,
+  De as PopoverTrigger,
+  we as ProgressBar,
+  bo as Provider,
+  j as Radio,
+  q as RadioGroup,
+  xe as SearchField,
+  se as SearchListField,
+  Be as Section,
+  K as Select,
+  qe as Skeleton,
+  ee as Slider,
+  Ke as Spinner,
+  Xe as SvgIcon,
+  Ze as Tag,
+  oo as TagGroup,
+  to as Text,
+  Se as TextAreaField,
+  ie as TextField,
+  ne as TimeField,
+  mo as Tooltip,
   x as accordionItemButtonStyles,
   m as accordionItemContentStyles,
   s as accordionItemStyles,
   S as alertStyles,
   c as badgeStyles,
-  Ce as barActiveStyles,
-  De as barStyles,
-  h as buttonStyles,
-  L as checkboxGroupStyles,
-  A as checkboxStyles,
-  H as checkboxWrapperStyles,
-  g as iconStyles,
-  ne as listBoxHeaderStyles,
-  ce as listBoxItemStyles,
-  ue as listBoxStyles,
-  Ye as lyraPlugin,
-  _e as lyraPreset,
-  Fe as modalOverlayStyles,
-  Pe as modalStyles,
+  Me as barActiveStyles,
+  Ne as barStyles,
+  b as buttonStyles,
+  A as checkboxGroupStyles,
+  C as checkboxStyles,
+  G as checkboxWrapperStyles,
+  B as iconStyles,
+  Fe as listBoxHeaderStyles,
+  ke as listBoxItemStyles,
+  ve as listBoxStyles,
+  uo as lyraPlugin,
+  ho as lyraPreset,
+  Oe as modalOverlayStyles,
+  Re as modalStyles,
   T as nakedButtonStyles,
-  ge as popoverStyles,
-  K as sharedInputFieldStyles,
-  Q as sharedInputFieldWrapperStyles,
-  U as sharedInputHintStyles,
-  V as sharedInputStyles,
-  X as sharedInputlabelStyles,
-  $ as sliderStyles,
-  ee as sliderThumbStyles,
-  oe as sliderTrackStyles,
-  We as spinnerStyles,
-  qe as textStyles,
-  Qe as useIsMobileDevice,
-  Ve as useIsomorphicLayoutEffect,
-  ro as useLocale
+  Ce as popoverStyles,
+  U as sharedInputFieldStyles,
+  V as sharedInputFieldWrapperStyles,
+  X as sharedInputHintStyles,
+  Y as sharedInputSizeStyles,
+  Z as sharedInputStyles,
+  _ as sharedInputlabelStyles,
+  re as sliderStyles,
+  te as sliderThumbStyles,
+  pe as sliderTrackStyles,
+  no as spinDelayDefaultOptions,
+  Ue as spinnerStyles,
+  $e as tagStyles,
+  lo as textStyles,
+  ao as useIsMobileDevice,
+  fo as useIsomorphicLayoutEffect,
+  To as useLocale,
+  yo as useSpinDelay
 };

package/dist/lyra.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"lyra.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/lyra10.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra44.cjs"),m=require("react"),x=require("./lyra43.cjs"),R=require("./lyra50.cjs"),c=require("./lyra11.cjs"),b=require("./lyra33.cjs"),l=require("./lyra34.cjs"),E=require("./lyra35.cjs");require("./lyra21.cjs");require("./lyra14.cjs");require("./lyra8.cjs");require("./lyra57.cjs");require("./lyra16.cjs");require("./lyra17.cjs");const u=require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra123.cjs");require("./lyra22.cjs");const N=require("./lyra45.cjs"),d=m.forwardRef(({label:i,labelClassName:n,hint:t,description:r,errorMessage:a,children:s,orientation:p="vertical",color:h,className:y,...f},q)=>e.jsxRuntimeExports.jsx(x.CheckboxGroup,{...f,ref:q,children:o=>e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-y-1",children:[e.jsxRuntimeExports.jsxs("div",{className:R.cx("flex items-center gap-3",i?"justify-between":"justify-end"),children:[i?e.jsxRuntimeExports.jsxs(x.Label,{className:u.sharedInputlabelStyles({className:n}),style:{fontFamily:"var(--input-label-font-family)"},children:[i,o.isRequired&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,t?e.jsxRuntimeExports.jsx("span",{className:u.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:t}):null]}),e.jsxRuntimeExports.jsx("div",{className:N.twMerge(c.checkboxGroupStyles({orientation:p,color:h,className:y})),children:typeof s=="function"?s(o):s}),r&&e.jsxRuntimeExports.jsx(l.Text,{className:"mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:r}),a&&e.jsxRuntimeExports.jsx(l.Text,{className:"mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:a})]})}));d.displayName="CheckboxGroup";const j=m.forwardRef(({className:i,color:n,children:t,...r},a)=>e.jsxRuntimeExports.jsx(x.Checkbox,{className:c.checkboxWrapperStyles({className:i}),ref:a,...r,children:s=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:c.checkboxStyles({color:n,...s}),children:[s.isSelected&&!s.isIndeterminate&&e.jsxRuntimeExports.jsx(b.SvgIcon,{name:"checkmark",className:"h-5 w-5","aria-hidden":"true"}),s.isIndeterminate&&s.isSelected&&e.jsxRuntimeExports.jsx("svg",{className:"h-5 w-5",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("rect",{x:"6",y:"9",width:"8",height:"2",fill:"currentColor"})})]}),t&&e.jsxRuntimeExports.jsx("div",{className:E.textStyles({variant:"body-medium",className:["leading-5",s.isDisabled?"cursor-not-allowed opacity-50":""]}),children:typeof t=="function"?t(s):t})]})}));j.displayName="Checkbox";exports.Checkbox=j;exports.CheckboxGroup=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra53.cjs"),s=require("react"),a=require("./lyra62.cjs"),n=require("./lyra54.cjs"),e=s.forwardRef(({className:r,...t},d)=>o.jsxRuntimeExports.jsx("div",{ref:d,className:n.twMerge(a.cx("rounded-base border border-solid border-neutral-3 bg-neutral-0 p-3 text-neutral-9",r)),...t}));e.displayName="Card";exports.Card=e;

package/dist/lyra10.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra10.cjs","sources":["../src/components/inputs/checkbox-group/checkbox-group.tsx"],"sourcesContent":["import { ElementRef, forwardRef } from \"react\";\n\nimport {\n  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupProps as AriaCheckboxGroupProps,\n  CheckboxProps as AriaCheckBoxProps,\n  Checkbox as AriaCheckbox,\n  Label,\n} from \"react-aria-components\";\nimport { VariantProps, cx } from \"../../../utils/class-variance-authority\";\nimport {\n  checkboxGroupStyles,\n  checkboxStyles,\n  checkboxWrapperStyles,\n} from \"./checkbox-group.styles\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { textStyles } from \"../../text\";\nimport { Text } from \"../../text\";\nimport { sharedInputHintStyles, sharedInputlabelStyles } from \"..\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport type CheckboxGroupProps = AriaCheckboxGroupProps &\n  VariantProps<typeof checkboxGroupStyles> & {\n    label?: string;\n    labelClassName?: string;\n    hint?: string;\n    errorMessage?: string;\n    description?: string;\n    orientation?: \"horizontal\" | \"vertical\";\n  };\n\nexport const CheckboxGroup = forwardRef<HTMLDivElement, CheckboxGroupProps>(\n  (\n    {\n      label,\n      labelClassName,\n      hint,\n      description,\n      errorMessage,\n      children,\n      orientation = \"vertical\",\n      color,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <AriaCheckboxGroup {...props} ref={ref}>\n        {(renderProps) => (\n          <div className=\"flex flex-col gap-y-1\">\n            <div\n              className={cx(\n                \"flex items-center gap-3\",\n                label ? \"justify-between\" : \"justify-end\"\n              )}\n            >\n              {label ? (\n                <Label\n                  className={sharedInputlabelStyles({\n                    className: labelClassName,\n                  })}\n                  style={{ fontFamily: \"var(--input-label-font-family)\" }}\n                >\n                  {label}\n                  {renderProps.isRequired && (\n                    <span className=\"text-danger\">{\" *\"}</span>\n                  )}\n                </Label>\n              ) : null}\n              {hint ? (\n                <span\n                  className={sharedInputHintStyles()}\n                  style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n                >\n                  {hint}\n                </span>\n              ) : null}\n            </div>\n            <div\n              className={twMerge(\n                checkboxGroupStyles({ orientation, color, className })\n              )}\n            >\n              {typeof children === \"function\"\n                ? children(renderProps)\n                : children}\n            </div>\n            {description && (\n              <Text\n                className=\"mt-1.5\"\n                variant=\"body-small\"\n                color=\"secondary\"\n                slot=\"description\"\n              >\n                {description}\n              </Text>\n            )}\n            {errorMessage && (\n              <Text\n                className=\"mt-1.5\"\n                variant=\"body-small\"\n                color=\"accent-danger\"\n                slot=\"errorMessage\"\n              >\n                {errorMessage}\n              </Text>\n            )}\n          </div>\n        )}\n      </AriaCheckboxGroup>\n    );\n  }\n);\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\ntype CheckboxVariantProps = VariantProps<typeof checkboxStyles>;\nexport type CheckBoxProps = AriaCheckBoxProps &\n  CheckboxVariantProps & {\n    className?: string;\n  };\n\nexport const Checkbox = forwardRef<\n  ElementRef<typeof AriaCheckbox>,\n  CheckBoxProps\n>(({ className, color, children, ...props }, ref) => {\n  return (\n    <AriaCheckbox\n      className={checkboxWrapperStyles({ className })}\n      ref={ref}\n      {...props}\n    >\n      {(renderProps) => (\n        <>\n          <div className={checkboxStyles({ color, ...renderProps })}>\n            {renderProps.isSelected && !renderProps.isIndeterminate && (\n              <SvgIcon\n                name=\"checkmark\"\n                className=\"h-5 w-5\"\n                aria-hidden=\"true\"\n              />\n            )}\n            {renderProps.isIndeterminate && renderProps.isSelected && (\n              <svg\n                className=\"h-5 w-5\"\n                viewBox=\"0 0 20 20\"\n                fill=\"none\"\n                aria-hidden=\"true\"\n              >\n                <rect x=\"6\" y=\"9\" width=\"8\" height=\"2\" fill=\"currentColor\" />\n              </svg>\n            )}\n          </div>\n          {children && (\n            <div\n              className={textStyles({\n                variant: \"body-medium\",\n                className: [\n                  \"leading-5\",\n                  renderProps.isDisabled ? \"cursor-not-allowed opacity-50\" : \"\",\n                ],\n              })}\n            >\n              {typeof children === \"function\"\n                ? children(renderProps)\n                : children}\n            </div>\n          )}\n        </>\n      )}\n    </AriaCheckbox>\n  );\n});\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["CheckboxGroup","forwardRef","label","labelClassName","hint","description","errorMessage","children","orientation","color","className","props","ref","jsx","AriaCheckboxGroup","renderProps","jsxs","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","twMerge","checkboxGroupStyles","Text","Checkbox","AriaCheckbox","checkboxWrapperStyles","Fragment","checkboxStyles","SvgIcon","textStyles"],"mappings":"ujBA+BaA,EAAgBC,EAAA,WAC3B,CACE,CACE,MAAAC,EACA,eAAAC,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,WACd,MAAAC,EACA,UAAAC,EACA,GAAGC,GAELC,IAGEC,EAAA,kBAAA,IAACC,EAAmB,cAAA,CAAA,GAAGH,EAAO,IAAAC,EAC3B,SAACG,GACAC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,wBACb,SAAA,CAAAA,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWC,EAAA,GACT,0BACAf,EAAQ,kBAAoB,aAC9B,EAEC,SAAA,CACCA,EAAAc,EAAA,kBAAA,KAACE,EAAA,MAAA,CACC,UAAWC,EAAAA,uBAAuB,CAChC,UAAWhB,CAAA,CACZ,EACD,MAAO,CAAE,WAAY,gCAAiC,EAErD,SAAA,CAAAD,EACAa,EAAY,YACXF,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,cAAe,SAAK,KAAA,CAAA,CAAA,CAAA,EAGtC,KACHT,EACCS,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWO,EAAAA,sBAAsB,EACjC,MAAO,CAAE,WAAY,+BAAgC,EAEpD,SAAAhB,CAAA,CAAA,EAED,IAAA,CAAA,CACN,EACAS,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWQ,EAAA,QACTC,EAAAA,oBAAoB,CAAE,YAAAd,EAAa,MAAAC,EAAO,UAAAC,EAAW,CACvD,EAEC,SAAO,OAAAH,GAAa,WACjBA,EAASQ,CAAW,EACpBR,CAAA,CACN,EACCF,GACCQ,EAAA,kBAAA,IAACU,EAAA,KAAA,CACC,UAAU,SACV,QAAQ,aACR,MAAM,YACN,KAAK,cAEJ,SAAAlB,CAAA,CACH,EAEDC,GACCO,EAAA,kBAAA,IAACU,EAAA,KAAA,CACC,UAAU,SACV,QAAQ,aACR,MAAM,gBACN,KAAK,eAEJ,SAAAjB,CAAA,CACH,CAAA,CAEJ,CAAA,CAEJ,CAAA,CAGN,EAEAN,EAAc,YAAc,gBAQf,MAAAwB,EAAWvB,EAAAA,WAGtB,CAAC,CAAE,UAAAS,EAAW,MAAAD,EAAO,SAAAF,EAAU,GAAGI,CAAM,EAAGC,IAEzCC,EAAA,kBAAA,IAACY,EAAA,SAAA,CACC,UAAWC,EAAAA,sBAAsB,CAAE,UAAAhB,EAAW,EAC9C,IAAAE,EACC,GAAGD,EAEH,SAACI,GAEEC,EAAA,kBAAA,KAAAW,EAAA,kBAAA,SAAA,CAAA,SAAA,CAACX,yBAAA,MAAA,CAAI,UAAWY,EAAe,eAAA,CAAE,MAAAnB,EAAO,GAAGM,EAAa,EACrD,SAAA,CAAYA,EAAA,YAAc,CAACA,EAAY,iBACtCF,EAAA,kBAAA,IAACgB,EAAA,QAAA,CACC,KAAK,YACL,UAAU,UACV,cAAY,MAAA,CACd,EAEDd,EAAY,iBAAmBA,EAAY,YAC1CF,EAAA,kBAAA,IAAC,MAAA,CACC,UAAU,UACV,QAAQ,YACR,KAAK,OACL,cAAY,OAEZ,SAAAA,EAAAA,kBAAAA,IAAC,OAAK,CAAA,EAAE,IAAI,EAAE,IAAI,MAAM,IAAI,OAAO,IAAI,KAAK,cAAe,CAAA,CAAA,CAC7D,CAAA,EAEJ,EACCN,GACCM,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWiB,EAAAA,WAAW,CACpB,QAAS,cACT,UAAW,CACT,YACAf,EAAY,WAAa,gCAAkC,EAC7D,CAAA,CACD,EAEA,SAAO,OAAAR,GAAa,WACjBA,EAASQ,CAAW,EACpBR,CAAA,CACN,CAAA,EAEJ,CAAA,CAAA,CAIP,EAEDiB,EAAS,YAAc"}
+{"version":3,"file":"lyra10.cjs","sources":["../src/components/card/card.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx } from \"../../utils/class-variance-authority\";\n\nexport const Card = forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={twMerge(\n        cx(\n          \"rounded-base border border-solid border-neutral-3 bg-neutral-0 p-3 text-neutral-9\",\n          className,\n        ),\n      )}\n      {...props}\n    />\n  ),\n);\n\nCard.displayName = \"Card\";\n"],"names":["Card","forwardRef","className","props","ref","jsx","twMerge","cx"],"mappings":"uLAMaA,EAAOC,EAAA,WAClB,CAAC,CAAE,UAAAC,EAAW,GAAGC,GAASC,IACxBC,EAAA,kBAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAA,QACTC,EAAA,GACE,oFACAL,CACF,CACF,EACC,GAAGC,CAAA,CACN,CAEJ,EAEAH,EAAK,YAAc"}

package/dist/lyra10.js

@@ -1,144 +1,23 @@
-import { j as e } from "./lyra44.js";
-import { forwardRef as c } from "react";
-import { CheckboxGroup as h, Label as y, Checkbox as b } from "./lyra43.js";
-import { cx as u } from "./lyra50.js";
-import { checkboxGroupStyles as j, checkboxWrapperStyles as N, checkboxStyles as v } from "./lyra11.js";
-import { SvgIcon as k } from "./lyra33.js";
-import { Text as m } from "./lyra34.js";
-import { textStyles as g } from "./lyra35.js";
-import "./lyra21.js";
-import "./lyra14.js";
-import "./lyra8.js";
-import "./lyra57.js";
-import "./lyra16.js";
-import "./lyra17.js";
-import { sharedInputlabelStyles as S, sharedInputHintStyles as $ } from "./lyra18.js";
-import "./lyra19.js";
-import "./lyra123.js";
-import "./lyra22.js";
-import { twMerge as w } from "./lyra45.js";
-const C = c(
-  ({
-    label: s,
-    labelClassName: l,
-    hint: a,
-    description: i,
-    errorMessage: o,
-    children: t,
-    orientation: n = "vertical",
-    color: d,
-    className: x,
-    ...p
-  }, f) => /* @__PURE__ */ e.jsx(h, { ...p, ref: f, children: (r) => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-y-1", children: [
-    /* @__PURE__ */ e.jsxs(
-      "div",
-      {
-        className: u(
-          "flex items-center gap-3",
-          s ? "justify-between" : "justify-end"
-        ),
-        children: [
-          s ? /* @__PURE__ */ e.jsxs(
-            y,
-            {
-              className: S({
-                className: l
-              }),
-              style: { fontFamily: "var(--input-label-font-family)" },
-              children: [
-                s,
-                r.isRequired && /* @__PURE__ */ e.jsx("span", { className: "text-danger", children: " *" })
-              ]
-            }
-          ) : null,
-          a ? /* @__PURE__ */ e.jsx(
-            "span",
-            {
-              className: $(),
-              style: { fontFamily: "var(--input-hint-font-family)" },
-              children: a
-            }
-          ) : null
-        ]
-      }
-    ),
-    /* @__PURE__ */ e.jsx(
-      "div",
-      {
-        className: w(
-          j({ orientation: n, color: d, className: x })
-        ),
-        children: typeof t == "function" ? t(r) : t
-      }
-    ),
-    i && /* @__PURE__ */ e.jsx(
-      m,
-      {
-        className: "mt-1.5",
-        variant: "body-small",
-        color: "secondary",
-        slot: "description",
-        children: i
-      }
-    ),
-    o && /* @__PURE__ */ e.jsx(
-      m,
-      {
-        className: "mt-1.5",
-        variant: "body-small",
-        color: "accent-danger",
-        slot: "errorMessage",
-        children: o
-      }
-    )
-  ] }) })
-);
-C.displayName = "CheckboxGroup";
-const I = c(({ className: s, color: l, children: a, ...i }, o) => /* @__PURE__ */ e.jsx(
-  b,
-  {
-    className: N({ className: s }),
-    ref: o,
-    ...i,
-    children: (t) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsxs("div", { className: v({ color: l, ...t }), children: [
-        t.isSelected && !t.isIndeterminate && /* @__PURE__ */ e.jsx(
-          k,
-          {
-            name: "checkmark",
-            className: "h-5 w-5",
-            "aria-hidden": "true"
-          }
-        ),
-        t.isIndeterminate && t.isSelected && /* @__PURE__ */ e.jsx(
-          "svg",
-          {
-            className: "h-5 w-5",
-            viewBox: "0 0 20 20",
-            fill: "none",
-            "aria-hidden": "true",
-            children: /* @__PURE__ */ e.jsx("rect", { x: "6", y: "9", width: "8", height: "2", fill: "currentColor" })
-          }
+import { j as t } from "./lyra53.js";
+import { forwardRef as a } from "react";
+import { cx as d } from "./lyra62.js";
+import { twMerge as m } from "./lyra54.js";
+const s = a(
+  ({ className: r, ...o }, e) => /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      ref: e,
+      className: m(
+        d(
+          "rounded-base border border-solid border-neutral-3 bg-neutral-0 p-3 text-neutral-9",
+          r
         )
-      ] }),
-      a && /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          className: g({
-            variant: "body-medium",
-            className: [
-              "leading-5",
-              t.isDisabled ? "cursor-not-allowed opacity-50" : ""
-            ]
-          }),
-          children: typeof a == "function" ? a(t) : a
-        }
-      )
-    ] })
-  }
-));
-I.displayName = "Checkbox";
+      ),
+      ...o
+    }
+  )
+);
+s.displayName = "Card";
 export {
-  I as Checkbox,
-  C as CheckboxGroup
+  s as Card
 };

package/dist/lyra10.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra10.js","sources":["../src/components/inputs/checkbox-group/checkbox-group.tsx"],"sourcesContent":["import { ElementRef, forwardRef } from \"react\";\n\nimport {\n  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupProps as AriaCheckboxGroupProps,\n  CheckboxProps as AriaCheckBoxProps,\n  Checkbox as AriaCheckbox,\n  Label,\n} from \"react-aria-components\";\nimport { VariantProps, cx } from \"../../../utils/class-variance-authority\";\nimport {\n  checkboxGroupStyles,\n  checkboxStyles,\n  checkboxWrapperStyles,\n} from \"./checkbox-group.styles\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { textStyles } from \"../../text\";\nimport { Text } from \"../../text\";\nimport { sharedInputHintStyles, sharedInputlabelStyles } from \"..\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport type CheckboxGroupProps = AriaCheckboxGroupProps &\n  VariantProps<typeof checkboxGroupStyles> & {\n    label?: string;\n    labelClassName?: string;\n    hint?: string;\n    errorMessage?: string;\n    description?: string;\n    orientation?: \"horizontal\" | \"vertical\";\n  };\n\nexport const CheckboxGroup = forwardRef<HTMLDivElement, CheckboxGroupProps>(\n  (\n    {\n      label,\n      labelClassName,\n      hint,\n      description,\n      errorMessage,\n      children,\n      orientation = \"vertical\",\n      color,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <AriaCheckboxGroup {...props} ref={ref}>\n        {(renderProps) => (\n          <div className=\"flex flex-col gap-y-1\">\n            <div\n              className={cx(\n                \"flex items-center gap-3\",\n                label ? \"justify-between\" : \"justify-end\"\n              )}\n            >\n              {label ? (\n                <Label\n                  className={sharedInputlabelStyles({\n                    className: labelClassName,\n                  })}\n                  style={{ fontFamily: \"var(--input-label-font-family)\" }}\n                >\n                  {label}\n                  {renderProps.isRequired && (\n                    <span className=\"text-danger\">{\" *\"}</span>\n                  )}\n                </Label>\n              ) : null}\n              {hint ? (\n                <span\n                  className={sharedInputHintStyles()}\n                  style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n                >\n                  {hint}\n                </span>\n              ) : null}\n            </div>\n            <div\n              className={twMerge(\n                checkboxGroupStyles({ orientation, color, className })\n              )}\n            >\n              {typeof children === \"function\"\n                ? children(renderProps)\n                : children}\n            </div>\n            {description && (\n              <Text\n                className=\"mt-1.5\"\n                variant=\"body-small\"\n                color=\"secondary\"\n                slot=\"description\"\n              >\n                {description}\n              </Text>\n            )}\n            {errorMessage && (\n              <Text\n                className=\"mt-1.5\"\n                variant=\"body-small\"\n                color=\"accent-danger\"\n                slot=\"errorMessage\"\n              >\n                {errorMessage}\n              </Text>\n            )}\n          </div>\n        )}\n      </AriaCheckboxGroup>\n    );\n  }\n);\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\ntype CheckboxVariantProps = VariantProps<typeof checkboxStyles>;\nexport type CheckBoxProps = AriaCheckBoxProps &\n  CheckboxVariantProps & {\n    className?: string;\n  };\n\nexport const Checkbox = forwardRef<\n  ElementRef<typeof AriaCheckbox>,\n  CheckBoxProps\n>(({ className, color, children, ...props }, ref) => {\n  return (\n    <AriaCheckbox\n      className={checkboxWrapperStyles({ className })}\n      ref={ref}\n      {...props}\n    >\n      {(renderProps) => (\n        <>\n          <div className={checkboxStyles({ color, ...renderProps })}>\n            {renderProps.isSelected && !renderProps.isIndeterminate && (\n              <SvgIcon\n                name=\"checkmark\"\n                className=\"h-5 w-5\"\n                aria-hidden=\"true\"\n              />\n            )}\n            {renderProps.isIndeterminate && renderProps.isSelected && (\n              <svg\n                className=\"h-5 w-5\"\n                viewBox=\"0 0 20 20\"\n                fill=\"none\"\n                aria-hidden=\"true\"\n              >\n                <rect x=\"6\" y=\"9\" width=\"8\" height=\"2\" fill=\"currentColor\" />\n              </svg>\n            )}\n          </div>\n          {children && (\n            <div\n              className={textStyles({\n                variant: \"body-medium\",\n                className: [\n                  \"leading-5\",\n                  renderProps.isDisabled ? \"cursor-not-allowed opacity-50\" : \"\",\n                ],\n              })}\n            >\n              {typeof children === \"function\"\n                ? children(renderProps)\n                : children}\n            </div>\n          )}\n        </>\n      )}\n    </AriaCheckbox>\n  );\n});\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["CheckboxGroup","forwardRef","label","labelClassName","hint","description","errorMessage","children","orientation","color","className","props","ref","jsx","AriaCheckboxGroup","renderProps","jsxs","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","twMerge","checkboxGroupStyles","Text","Checkbox","AriaCheckbox","checkboxWrapperStyles","Fragment","checkboxStyles","SvgIcon","textStyles"],"mappings":"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"}
+{"version":3,"file":"lyra10.js","sources":["../src/components/card/card.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx } from \"../../utils/class-variance-authority\";\n\nexport const Card = forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={twMerge(\n        cx(\n          \"rounded-base border border-solid border-neutral-3 bg-neutral-0 p-3 text-neutral-9\",\n          className,\n        ),\n      )}\n      {...props}\n    />\n  ),\n);\n\nCard.displayName = \"Card\";\n"],"names":["Card","forwardRef","className","props","ref","jsx","twMerge","cx"],"mappings":";;;;AAMO,MAAMA,IAAOC;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MACxBC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACTC;AAAA,UACE;AAAA,UACAL;AAAA,QACF;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ;AAEAH,EAAK,cAAc;"}

package/dist/lyra100.cjs

@@ -1,9 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra130.cjs"),a=require("react");/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var p;function R(){if(p)return t.__exports;p=1;var f=a,c=Symbol.for("react.element"),l=Symbol.for("react.fragment"),d=Object.prototype.hasOwnProperty,m=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,y={key:!0,ref:!0,__self:!0,__source:!0};function i(o,e,u){var r,n={},_=null,s=null;u!==void 0&&(_=""+u),e.key!==void 0&&(_=""+e.key),e.ref!==void 0&&(s=e.ref);for(r in e)d.call(e,r)&&!y.hasOwnProperty(r)&&(n[r]=e[r]);if(o&&o.defaultProps)for(r in e=o.defaultProps,e)n[r]===void 0&&(n[r]=e[r]);return{$$typeof:c,type:o,key:_,ref:s,props:n,_owner:m.current}}return t.__exports.Fragment=l,t.__exports.jsx=i,t.__exports.jsxs=i,t.__exports}exports.__require=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("react");class p{build(e,t){return this.context=t,a(()=>this.iterateCollection(e))}*iterateCollection(e){let{children:t,items:i}=e;if(typeof t=="function"){if(!i)throw new Error("props.children was a function but props.items is missing");for(let l of e.items)yield*this.getFullNode({value:l},{renderer:t})}else{let l=[];$.Children.forEach(t,u=>{l.push(u)});let r=0;for(let u of l){let c=this.getFullNode({element:u,index:r},{});for(let f of c)r++,yield f}}}getKey(e,t,i,l){if(e.key!=null)return e.key;if(t.type==="cell"&&t.key!=null)return`${l}${t.key}`;let r=t.value;if(r!=null){var u;let c=(u=r.key)!==null&&u!==void 0?u:r.id;if(c==null)throw new Error("No key found for item");return c}return l?`${l}.${t.index}`:`$.${t.index}`}getChildState(e,t){return{renderer:t.renderer||e.renderer}}*getFullNode(e,t,i,l){let r=e.element;if(!r&&e.value&&t&&t.renderer){let f=this.cache.get(e.value);if(f&&(!f.shouldInvalidate||!f.shouldInvalidate(this.context))){f.index=e.index,f.parentKey=l?l.key:null,yield f;return}r=t.renderer(e.value)}if($.isValidElement(r)){let f=r.type;if(typeof f!="function"&&typeof f.getCollectionNode!="function"){let d=typeof r.type=="function"?r.type.name:r.type;throw new Error(`Unknown element <${d}> in collection.`)}let o=f.getCollectionNode(r.props,this.context),y=e.index,h=o.next();for(;!h.done&&h.value;){let d=h.value;e.index=y;let m=d.key;m||(m=d.element?null:this.getKey(r,e,t,i));let v=[...this.getFullNode({...d,key:m,index:y,wrapper:C(e.wrapper,d.wrapper)},this.getChildState(t,d),i?`${i}${r.key}`:r.key,l)];for(let s of v){if(s.value=d.value||e.value,s.value&&this.cache.set(s.value,s),e.type&&s.type!==e.type)throw new Error(`Unsupported type <${x(s.type)}> in <${x(l.type)}>. Only <${x(e.type)}> is supported.`);y++,yield s}h=o.next(v)}return}if(e.key==null)return;let u=this,c={type:e.type,props:e.props,key:e.key,parentKey:l?l.key:null,value:e.value,level:l?l.level+1:0,index:e.index,rendered:e.rendered,textValue:e.textValue,"aria-label":e["aria-label"],wrapper:e.wrapper,shouldInvalidate:e.shouldInvalidate,hasChildNodes:e.hasChildNodes,childNodes:a(function*(){if(!e.hasChildNodes)return;let f=0;for(let o of e.childNodes()){o.key!=null&&(o.key=`${c.key}${o.key}`),o.index=f;let y=u.getFullNode(o,u.getChildState(t,o),c.key,c);for(let h of y)f++,yield h}})};yield c}constructor(){this.cache=new WeakMap}}function a(n){let e=[],t=null;return{*[Symbol.iterator](){for(let i of e)yield i;t||(t=n());for(let i of t)e.push(i),yield i}}}function C(n,e){if(n&&e)return t=>n(e(t));if(n)return n;if(e)return e}function x(n){return n[0].toUpperCase()+n.slice(1)}function I(n,e,t){let i=$.useMemo(()=>new p,[]),{children:l,items:r,collection:u}=n;return $.useMemo(()=>{if(u)return u;let f=i.build({children:l,items:r},t);return e(f)},[i,l,r,u,t,e])}function k(n,e){return typeof e.getChildren=="function"?e.getChildren(n.key):n.childNodes}function E(n){return w(n,0)}function w(n,e){if(e<0)return;let t=0;for(let i of n){if(t===e)return i;t++}}function F(n,e,t){if(e.parentKey===t.parentKey)return e.index-t.index;let i=[...b(n,e),e],l=[...b(n,t),t],r=i.slice(0,l.length).findIndex((u,c)=>u!==l[c]);return r!==-1?(e=i[r],t=l[r],e.index-t.index):i.findIndex(u=>u===t)>=0?1:(l.findIndex(u=>u===e)>=0,-1)}function b(n,e){let t=[];for(;(e==null?void 0:e.parentKey)!=null;)e=n.getItem(e.parentKey),t.unshift(e);return t}const g=new WeakMap;function M(n){let e=g.get(n);if(e!=null)return e;e=0;let t=i=>{for(let l of i)l.type==="section"?t(k(l,n)):e++};return t(n),g.set(n,e),e}exports.CollectionBuilder=p;exports.compareNodeOrder=F;exports.getChildNodes=k;exports.getFirstItem=E;exports.getItemCount=M;exports.getNthItem=w;exports.useCollection=I;