@new-black/lyra 0.0.9 → 0.0.11

package/README.md

@@ -60,6 +60,18 @@ export default {
 }
 ```
 
+### Icons
+
+For the icons used in Lyra we use an SVG sprite.
+To copy the SVG sprite to your public folder, execute the following command in your terminal:
+
+```bash
+cp node_modules/@new-black/lyra/dist/icons public
+```
+
+SVG sprites are a convenient way to use icons in web development. Here's why they are nice to use: 1. Reduced HTTP requests: SVG sprites allow multiple icons to be combined into a single file. This eliminates the need for separate HTTP requests for each individual icon, resulting in faster page loading times. 2. Scalability: SVG icons are vector-based, meaning they can be scaled up or down without losing quality. With an SVG sprite, you have access to a collection of scalable icons. 3. Ease of use: By using an SVG sprite, you can reference specific symbols within the sprite using their IDs. This makes it simple to insert and style icons within your HTML or CSS. 4. Efficient caching: When an SVG sprite is used, it can be cached by the browser, allowing subsequent page loads to utilize the cached sprite. This improves performance and reduces bandwidth usage.
+Overall, SVG sprites offer a lightweight, flexible, and performant solution for incorporating icons into web projects.
+
 ```tsx
 // Some root component
 import { Provider } from "@new-black/lyra";

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAsB,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,MAAM,EAAuB,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAQ7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAmB5D,KAAK,SAAS,GAAG;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAAG;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IAC7C,8BAA8B,CAAC,EAAE,OAAO,CAAC;CAC1C,CAAC;AAEF,iBAAS,aAAa,CAAC,CAAC,SAAS,MAAM,EACrC,EACE,SAAS,EACT,8BAA8B,EAC9B,aAAa,EACb,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,CAAC,CAAC,EACpB,GAAG,EAAE,YAAY,CAAC,cAAc,CAAC,2CA0BlC;AA6FD,eAAO,MAAM,SAAS;;;iCAlII,SAAS,KAAK,MAAM;;;;UA8HzC,WAAW,oBAAoB,CAAC;;CAOpC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,SAAS,CAAC"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAsB,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,MAAM,EAAuB,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAQ7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAmB5D,KAAK,SAAS,GAAG;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAAG;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IAC7C,8BAA8B,CAAC,EAAE,OAAO,CAAC;CAC1C,CAAC;AAEF,iBAAS,aAAa,CAAC,CAAC,SAAS,MAAM,EACrC,EACE,SAAS,EACT,8BAA8B,EAC9B,aAAa,EACb,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,CAAC,CAAC,EACpB,GAAG,EAAE,YAAY,CAAC,cAAc,CAAC,2CA0BlC;AA8FD,eAAO,MAAM,SAAS;;;iCAnII,SAAS,KAAK,MAAM;;;;UA+HzC,WAAW,oBAAoB,CAAC;;CAOpC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,SAAS,CAAC"}

package/dist/components/alert/alert.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from "react";
+import { TextProps } from "../text";
+import { alertStyles } from "./alert.styles";
+import { VariantProps } from "../../utils/class-variance-authority";
+export type AlertProps = {
+    children: ReactNode;
+    className?: string;
+} & VariantProps<typeof alertStyles> & ({
+    title?: string;
+    titleVariant?: TextProps["variant"];
+    titleElementType?: TextProps["elementType"];
+    startElement?: never;
+} | {
+    startElement?: ReactNode;
+    title: never;
+    titleVariant?: never;
+    titleElementType?: never;
+});
+export declare const Alert: ({ children, className, color, startElement, title, titleVariant, titleElementType, variant, }: AlertProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAGpE,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,GAClC,CACI;IACE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,gBAAgB,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IAC5C,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,GACD;IACE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,gBAAgB,CAAC,EAAE,KAAK,CAAC;CAC1B,CACJ,CAAC;AAEJ,eAAO,MAAM,KAAK,kGASf,UAAU,4CAkBZ,CAAC"}

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

@@ -0,0 +1,5 @@
+export declare const alertStyles: (props?: ({
+    variant?: "outline" | "solid" | "ghost" | null | undefined;
+    color?: "primary" | "danger" | "success" | "warning" | "monochrome" | null | undefined;
+} & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=alert.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alert.styles.ts"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAE1B,eAAO,MAAM,WAAW;;;0FAkDvB,CAAC"}

package/dist/components/alert/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./alert";
+export * from "./alert.styles";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}

package/dist/components/inputs/input-icon.d.ts

@@ -1,8 +1,15 @@
 import { SVGProps } from "react";
+import { SvgIconProps } from "../svg-icon";
 export type InputIconProps = {
+    variant?: "start" | "end";
+} & ({
     icon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
     iconProps?: SVGProps<SVGSVGElement>;
-    variant?: "start" | "end";
-};
-export declare const InputIcon: ({ icon, iconProps, variant, }: InputIconProps) => JSX.Element;
+    iconName?: never;
+} | {
+    icon?: never;
+    iconName: SvgIconProps["name"];
+    iconProps?: Omit<SvgIconProps, "name">;
+});
+export declare const InputIcon: ({ icon, iconProps, iconName, variant, }: InputIconProps) => JSX.Element | null;
 //# sourceMappingURL=input-icon.d.ts.map

package/dist/components/inputs/input-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-icon.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/input-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,SAAS,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,SAAS,kCAInB,cAAc,gBAMhB,CAAC"}
+{"version":3,"file":"input-icon.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/input-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAW,YAAY,EAAE,MAAM,aAAa,CAAC;AAEpD,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAC3B,GAAG,CACA;IACE,IAAI,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,SAAS,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,GACD;IACE,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;CACxC,CACJ,CAAC;AAEF,eAAO,MAAM,SAAS,4CAKnB,cAAc,uBA4BhB,CAAC"}

package/dist/components/inputs/password-text-field/password-text-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"password-text-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/inputs/password-text-field/password-text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,SAAS,CACV,GAAG;IACF,YAAY,CAAC,EAAE;QACb,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;CACH,CAAC;AAOF,eAAO,MAAM,iBAAiB,+BAG3B,sBAAsB,4CA8BxB,CAAC"}
+{"version":3,"file":"password-text-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/inputs/password-text-field/password-text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,SAAS,CACV,GAAG;IACF,YAAY,CAAC,EAAE;QACb,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;CACH,CAAC;AAOF,eAAO,MAAM,iBAAiB,+BAG3B,sBAAsB,4CAkCxB,CAAC"}

package/dist/components/svg-icon/index.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+export type IconNames = "arrow-left-to-line" | "arrow-right-to-line" | "arrow-left" | "arrow-right" | "checkmark" | "checkmark-bold" | "chevron-down" | "chevron-down-bold" | "cross" | "eye" | "eye-slash" | "minus" | "minus-bold" | "plus" | "small-circle";
+export type SvgIconProps = SVGProps<SVGSVGElement> & {
+    name: IconNames;
+};
+export declare const SvgIcon: ({ className, ...props }: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/svg-icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/svg-icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,MAAM,SAAS,GACjB,oBAAoB,GACpB,qBAAqB,GACrB,YAAY,GACZ,aAAa,GACb,WAAW,GACX,gBAAgB,GAChB,cAAc,GACd,mBAAmB,GACnB,OAAO,GACP,KAAK,GACL,WAAW,GACX,OAAO,GACP,YAAY,GACZ,MAAM,GACN,cAAc,CAAC;AAEnB,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG;IACnD,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,OAAO,4BAA6B,YAAY,4CAU5D,CAAC"}

package/dist/icons/icon-defs.svg

@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="0" height="0">
+    <symbol id="arrow-left-to-line" fill="none" viewBox="0 0 32 32" className="h-6 w-6">
+        <path
+            d="M16.5071 23.7071C16.1166 24.0976 15.4834 24.0976 15.0929 23.7071L8.30501 16.9192C8.16439 16.7786 8.06272 16.6138 8 16.4382L8 23C8 23.5523 7.55228 24 7 24C6.44772 24 6 23.5523 6 23L6 9C6 8.44771 6.44772 8 7 8C7.55229 8 8 8.44771 8 9L8 15.5618C8.06272 15.3862 8.16439 15.2214 8.30501 15.0808L15.0929 8.29289C15.4834 7.90237 16.1166 7.90237 16.5071 8.29289C16.8976 8.68342 16.8976 9.31658 16.5071 9.70711L11.0898 15.1244L13.2105 15L25 15C25.5523 15 26 15.4477 26 16C26 16.5523 25.5523 17 25 17L13.2105 17L11.0898 16.8756L16.5071 22.2929C16.8976 22.6834 16.8976 23.3166 16.5071 23.7071Z"
+            fill="currentColor" />
+    </symbol>
+    <symbol id="arrow-left" viewBox="0 0 32 32" className="h-6 w-6">
+        <path
+            d="M13.2927 23.7071C13.6832 24.0976 14.3163 24.0976 14.7069 23.7071C15.0974 23.3166 15.0974 22.6834 14.7069 22.2929L9.28961 16.8756L11.4103 17L24.9998 17C25.552 17 25.9998 16.5523 25.9998 16C25.9998 15.4477 25.552 15 24.9998 15L11.4103 15L9.28961 15.1244L14.7069 9.70711C15.0974 9.31658 15.0974 8.68342 14.7069 8.29289C14.3163 7.90237 13.6832 7.90237 13.2927 8.29289L6.50478 15.0808C5.9971 15.5884 5.9971 16.4116 6.50478 16.9192L13.2927 23.7071Z"
+            fill="currentColor" />
+    </symbol>
+    <symbol id="arrow-right-to-line" fill="none" viewBox="0 0 32 32" className="h-6 w-6">
+        <path
+            d="M15.4929 8.29289C15.8834 7.90237 16.5166 7.90237 16.9071 8.29289L23.695 15.0808C23.8356 15.2214 23.9373 15.3862 24 15.5618V9C24 8.44772 24.4477 8 25 8C25.5523 8 26 8.44772 26 9V23C26 23.5523 25.5523 24 25 24C24.4477 24 24 23.5523 24 23V16.4382C23.9373 16.6138 23.8356 16.7786 23.695 16.9192L16.9071 23.7071C16.5166 24.0976 15.8834 24.0976 15.4929 23.7071C15.1024 23.3166 15.1024 22.6834 15.4929 22.2929L20.9102 16.8756L18.7895 17H7C6.44772 17 6 16.5523 6 16C6 15.4477 6.44772 15 7 15H18.7895L20.9102 15.1244L15.4929 9.70711C15.1024 9.31658 15.1024 8.68342 15.4929 8.29289Z"
+            fill="currentColor" />
+    </symbol>
+    <symbol id="arrow-right" fill="none" viewBox="0 0 32 32" className="h-6 w-6">
+        <path
+            d="M18.7071 8.29289C18.3166 7.90237 17.6834 7.90237 17.2929 8.29289C16.9024 8.68342 16.9024 9.31658 17.2929 9.70711L22.7101 15.1244L20.5895 15H7C6.44772 15 6 15.4477 6 16C6 16.5523 6.44772 17 7 17H20.5895L22.7101 16.8756L17.2929 22.2929C16.9024 22.6834 16.9024 23.3166 17.2929 23.7071C17.6834 24.0976 18.3166 24.0976 18.7071 23.7071L25.495 16.9192C26.0027 16.4116 26.0027 15.5884 25.495 15.0808L18.7071 8.29289Z"
+            fill="currentColor" />
+    </symbol>
+    <symbol id="checkmark-bold" viewBox="0 0 32 32" className="h-6 w-6">
+        <path
+            d="M27.097 9.81344C27.7741 8.94071 27.6155 7.68435 26.7427 7.00729C25.87 6.33022 24.6137 6.48883 23.9366 7.36155L13.692 20.5666L9.53269 15.2032C8.85579 14.3303 7.59946 14.1714 6.72661 14.8483C5.85375 15.5252 5.69489 16.7816 6.37179 17.6544L12.1113 25.0554C12.49 25.5439 13.0734 25.8297 13.6915 25.8298C14.3096 25.8298 14.893 25.5441 15.2719 25.0557L27.097 9.81344Z"
+            fill="currentColor" />
+    </symbol>
+    <symbol id="checkmark" fill="none" viewBox="0 0 32 32" className="h-6 w-6">
+        <path fill-rule="evenodd" clip-rule="evenodd"
+            d="M25.7723 8.01716C26.3152 8.44367 26.4095 9.22949 25.983 9.77233L15.7693 22.7716C14.8684 23.9181 13.1317 23.9181 12.2308 22.7716L7.51716 16.7723C7.09064 16.2295 7.18494 15.4437 7.72778 15.0172C8.27062 14.5906 9.05643 14.6849 9.48295 15.2278L14.0001 20.9768L24.0172 8.22778C24.4437 7.68494 25.2295 7.59064 25.7723 8.01716Z"
+            fill="currentColor" />
+    </symbol>
+    <symbol id="chevron-down-bold" fill="none" viewBox="0 0 32 32" className="h-6 w-6">
+        <path
+            d="M15.9999 23.9747C16.6156 23.9571 17.1785 23.7285 17.6358 23.2359L27.0018 13.5533C27.3888 13.1663 27.5999 12.6738 27.5999 12.0933C27.5999 10.9323 26.6852 10 25.5242 10C24.9613 10 24.416 10.2287 24.0114 10.6333L16.0175 18.9614L7.98838 10.6333C7.58379 10.2463 7.05608 10 6.47559 10C5.31461 10 4.3999 10.9323 4.3999 12.0933C4.3999 12.6738 4.61099 13.1663 4.99798 13.5533L14.3816 23.2359C14.8565 23.7285 15.3842 23.9747 15.9999 23.9747Z"
+            fill="currentColor" />
+    </symbol>
+    <symbol id="chevron-down" fill="none" viewBox="0 0 32 32" className="h-6 w-6">
+        <path fill-rule="evenodd" clip-rule="evenodd"
+            d="M7.11612 12.1161C7.60427 11.628 8.39573 11.628 8.88388 12.1161L16 19.2322L23.1161 12.1161C23.6043 11.628 24.3957 11.628 24.8839 12.1161C25.372 12.6043 25.372 13.3957 24.8839 13.8839L17.096 21.6718C16.4907 22.2771 15.5093 22.2771 14.904 21.6718L7.11612 13.8839C6.62796 13.3957 6.62796 12.6043 7.11612 12.1161Z"
+            fill="currentColor" />
+    </symbol>
+    <symbol id="cross" fill="none" viewBox="0 0 32 32" className="h-6 w-6">
+        <path
+            d="M21.1161 22.8839C21.6043 23.372 22.3957 23.372 22.8839 22.8839C23.372 22.3957 23.372 21.6043 22.8839 21.1161L17.7678 16L22.8839 10.8839C23.372 10.3957 23.372 9.60427 22.8839 9.11612C22.3957 8.62796 21.6043 8.62796 21.1161 9.11612L16 14.2322L10.8839 9.11612C10.3957 8.62796 9.60427 8.62796 9.11612 9.11612C8.62796 9.60427 8.62796 10.3957 9.11612 10.8839L14.2322 16L9.11612 21.1161C8.62796 21.6043 8.62796 22.3957 9.11612 22.8839C9.60427 23.372 10.3957 23.372 10.8839 22.8839L16 17.7678L21.1161 22.8839Z"
+            fill="currentColor" />
+    </symbol>
+    <symbol id="eye-slash" fill="none" viewBox="0 0 32 32" className="h-6 w-6">
+        <path
+            d="M24.0393 24.9827C24.3654 25.2986 24.8646 25.3189 25.1907 24.9827C25.5269 24.6363 25.5066 24.1472 25.1907 23.8313L7.90975 6.56056C7.59389 6.24469 7.06405 6.2345 6.74818 6.56056C6.4425 6.86624 6.4425 7.39608 6.74818 7.70175L24.0393 24.9827ZM16.0102 7.14135C14.2271 7.14135 12.6172 7.44702 11.1194 7.9463L12.77 9.59695C13.7991 9.31165 14.8588 9.13843 16.0102 9.13843C22.4905 9.13843 27.6361 14.7731 27.6361 15.9652C27.6361 16.7702 26.0058 18.8386 23.4076 20.4689L24.936 22.0074C28.1354 19.9085 30 17.1675 30 15.9652C30 13.8764 24.3755 7.14135 16.0102 7.14135ZM16.0102 24.7993C17.885 24.7993 19.607 24.4732 21.1659 23.9332L19.5153 22.2825C18.4148 22.6086 17.2533 22.8022 16.0102 22.8022C9.50946 22.8022 4.3639 17.3917 4.3639 15.9652C4.3639 15.2825 6.08588 13.0919 8.84716 11.3801L7.28821 9.82111C3.96652 11.9405 2 14.7527 2 15.9652C2 18.054 7.74673 24.7993 16.0102 24.7993ZM21.0742 17.9114C21.3392 17.3204 21.4818 16.6479 21.4818 15.9652C21.4818 12.9186 19.0466 10.5038 16.0102 10.5038C15.3071 10.5038 14.655 10.6464 14.0539 10.891L21.0742 17.9114ZM16.0102 21.4368C16.7846 21.4368 17.5182 21.2534 18.1805 20.9376L11.0175 13.7745C10.6914 14.4368 10.5182 15.1806 10.5182 15.9754C10.5284 18.9405 12.9534 21.4368 16.0102 21.4368Z"
+            fill="currentColor" />
+    </symbol>
+    <symbol id="eye" fill="none" viewBox="0 0 32 32" className="h-6 w-6">
+        <path
+            d="M16.0102 24.8279C24.3755 24.8279 30 18.0826 30 15.9938C30 13.905 24.3552 7.16992 16.0102 7.16992C7.7671 7.16992 2 13.905 2 15.9938C2 18.0826 7.74673 24.8279 16.0102 24.8279ZM16.0102 22.8308C9.50946 22.8308 4.3639 17.4203 4.3639 15.9938C4.3639 14.8017 9.50946 9.16701 16.0102 9.16701C22.4804 9.16701 27.6361 14.8017 27.6361 15.9938C27.6361 17.4203 22.4804 22.8308 16.0102 22.8308ZM16.0102 21.4654C19.0466 21.4654 21.4818 18.969 21.4818 15.9938C21.4818 12.9472 19.0466 10.5324 16.0102 10.5324C12.9534 10.5324 10.508 12.9472 10.5182 15.9938C10.5386 18.969 12.9534 21.4654 16.0102 21.4654ZM16 17.7565C15.0218 17.7565 14.2271 16.9618 14.2271 15.9938C14.2271 15.0258 15.0218 14.2311 16 14.2311C16.9782 14.2311 17.7729 15.0258 17.7729 15.9938C17.7729 16.9618 16.9782 17.7565 16 17.7565Z"
+            fill="currentColor" />
+    </symbol>
+    <symbol id="minus-bold" viewBox="0 0 32 32" className="h-6 w-6">
+        <rect x="4" y="14" width="24" height="4" rx="2" fill="currentColor" />
+    </symbol>
+    <symbol id="minus" width="32" height="32" viewBox="0 0 32 32" className="h-6 w-6">
+        <rect x="6" y="15" width="20" height="2" rx="1" fill="currentColor" />
+    </symbol>
+    <symbol id="plus" fill="none" viewBox="0 0 32 32" className="h-6 w-6">
+        <path
+            d="M17.25 8C17.25 7.30964 16.6904 6.75 16 6.75C15.3096 6.75 14.75 7.30964 14.75 8V14.75L8 14.75C7.30964 14.75 6.75 15.3096 6.75 16C6.75 16.6904 7.30964 17.25 8 17.25H14.75V24C14.75 24.6904 15.3096 25.25 16 25.25C16.6904 25.25 17.25 24.6904 17.25 24V17.25H24C24.6904 17.25 25.25 16.6904 25.25 16C25.25 15.3096 24.6904 14.75 24 14.75L17.25 14.75V8Z"
+            fill="currentColor" />
+    </symbol>
+    <symbol id="small-circle" viewBox="0 0 24 24" className="h-6 w-6">
+        <g transform="translate(12, 12)">
+            <circle cx="0" cy="0" r="6" fill="currentColor" />
+        </g>
+    </symbol>
+</svg>

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./components/alert";
 export * from "./components/accordion";
 export * from "./components/badge";
 export * from "./components/button";

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,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}

package/dist/lyra.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra2.cjs"),t=require("./lyra3.cjs"),u=require("./lyra4.cjs"),a=require("./lyra5.cjs"),s=require("./lyra6.cjs"),r=require("./lyra7.cjs"),y=require("./lyra8.cjs"),c=require("./lyra9.cjs"),d=require("./lyra10.cjs"),e=require("./lyra11.cjs"),o=require("./lyra12.cjs"),n=require("./lyra13.cjs"),p=require("./lyra14.cjs"),l=require("./lyra15.cjs"),S=require("./lyra16.cjs"),I=require("./lyra17.cjs"),q=require("./lyra18.cjs"),g=require("./lyra19.cjs"),P=require("./lyra20.cjs"),b=require("./lyra21.cjs"),v=require("./lyra22.cjs"),B=require("./lyra23.cjs");exports.Accordion=i.Accordion;exports.accordionItemButtonStyles=t.accordionItemButtonStyles;exports.accordionItemContentStyles=t.accordionItemContentStyles;exports.accordionItemStyles=t.accordionItemStyles;exports.Badge=u.Badge;exports.badgeStyles=a.badgeStyles;exports.Button=s.Button;exports.ButtonInner=s.ButtonInner;exports.buttonStyles=r.buttonStyles;exports.iconStyles=r.iconStyles;exports.nakedButtonStyles=r.nakedButtonStyles;exports.TextField=y.TextField;exports.PasswordTextField=c.PasswordTextField;exports.InputIcon=d.InputIcon;exports.sharedInputFieldStyles=e.sharedInputFieldStyles;exports.sharedInputFieldWrapperStyles=e.sharedInputFieldWrapperStyles;exports.sharedInputHintStyles=e.sharedInputHintStyles;exports.sharedInputStyles=e.sharedInputStyles;exports.sharedInputlabelStyles=e.sharedInputlabelStyles;exports.Popover=o.Popover;exports.PopoverTrigger=o.PopoverTrigger;exports.popoverDialogStyles=n.popoverDialogStyles;exports.popoverStyles=n.popoverStyles;exports.ProgressBar=p.ProgressBar;exports.barActiveStyles=l.barActiveStyles;exports.barStyles=l.barStyles;exports.Spinner=S.Spinner;exports.spinnerStyles=I.spinnerStyles;exports.Text=q.Text;exports.textStyles=g.textStyles;exports.Tooltip=P.Tooltip;exports.lyraPlugin=b.lyraPlugin;exports.lyraPreset=v.lyraPreset;exports.Provider=B.Provider;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra2.cjs"),a=require("./lyra3.cjs"),u=require("./lyra4.cjs"),t=require("./lyra5.cjs"),y=require("./lyra6.cjs"),c=require("./lyra7.cjs"),s=require("./lyra8.cjs"),r=require("./lyra9.cjs"),d=require("./lyra10.cjs"),p=require("./lyra11.cjs"),S=require("./lyra12.cjs"),e=require("./lyra13.cjs"),o=require("./lyra14.cjs"),n=require("./lyra15.cjs"),q=require("./lyra16.cjs"),l=require("./lyra17.cjs"),I=require("./lyra18.cjs"),g=require("./lyra19.cjs"),P=require("./lyra20.cjs"),b=require("./lyra21.cjs"),v=require("./lyra22.cjs"),B=require("./lyra23.cjs"),x=require("./lyra24.cjs"),T=require("./lyra25.cjs");exports.Alert=i.Alert;exports.alertStyles=a.alertStyles;exports.Accordion=u.Accordion;exports.accordionItemButtonStyles=t.accordionItemButtonStyles;exports.accordionItemContentStyles=t.accordionItemContentStyles;exports.accordionItemStyles=t.accordionItemStyles;exports.Badge=y.Badge;exports.badgeStyles=c.badgeStyles;exports.Button=s.Button;exports.ButtonInner=s.ButtonInner;exports.buttonStyles=r.buttonStyles;exports.iconStyles=r.iconStyles;exports.nakedButtonStyles=r.nakedButtonStyles;exports.TextField=d.TextField;exports.PasswordTextField=p.PasswordTextField;exports.InputIcon=S.InputIcon;exports.sharedInputFieldStyles=e.sharedInputFieldStyles;exports.sharedInputFieldWrapperStyles=e.sharedInputFieldWrapperStyles;exports.sharedInputHintStyles=e.sharedInputHintStyles;exports.sharedInputStyles=e.sharedInputStyles;exports.sharedInputlabelStyles=e.sharedInputlabelStyles;exports.Popover=o.Popover;exports.PopoverTrigger=o.PopoverTrigger;exports.popoverDialogStyles=n.popoverDialogStyles;exports.popoverStyles=n.popoverStyles;exports.ProgressBar=q.ProgressBar;exports.barActiveStyles=l.barActiveStyles;exports.barStyles=l.barStyles;exports.Spinner=I.Spinner;exports.spinnerStyles=g.spinnerStyles;exports.Text=P.Text;exports.textStyles=b.textStyles;exports.Tooltip=v.Tooltip;exports.lyraPlugin=B.lyraPlugin;exports.lyraPreset=x.lyraPreset;exports.Provider=T.Provider;

package/dist/lyra.js

@@ -1,58 +1,62 @@
-import { Accordion as o } from "./lyra2.js";
-import { accordionItemButtonStyles as p, accordionItemContentStyles as l, accordionItemStyles as s } from "./lyra3.js";
-import { Badge as x } from "./lyra4.js";
-import { badgeStyles as f } from "./lyra5.js";
-import { Button as y, ButtonInner as S } from "./lyra6.js";
-import { buttonStyles as i, iconStyles as u, nakedButtonStyles as c } from "./lyra7.js";
-import { TextField as g } from "./lyra8.js";
-import { PasswordTextField as v } from "./lyra9.js";
-import { InputIcon as b } from "./lyra10.js";
-import { sharedInputFieldStyles as T, sharedInputFieldWrapperStyles as F, sharedInputHintStyles as A, sharedInputStyles as k, sharedInputlabelStyles as w } from "./lyra11.js";
-import { Popover as D, PopoverTrigger as H } from "./lyra12.js";
-import { popoverDialogStyles as j, popoverStyles as q } from "./lyra13.js";
-import { ProgressBar as E } from "./lyra14.js";
-import { barActiveStyles as J, barStyles as K } from "./lyra15.js";
-import { Spinner as M } from "./lyra16.js";
-import { spinnerStyles as O } from "./lyra17.js";
-import { Text as R } from "./lyra18.js";
-import { textStyles as V } from "./lyra19.js";
-import { Tooltip as Y } from "./lyra20.js";
-import { lyraPlugin as _ } from "./lyra21.js";
-import { lyraPreset as ee } from "./lyra22.js";
-import { Provider as oe } from "./lyra23.js";
+import { Alert as o } from "./lyra2.js";
+import { alertStyles as p } from "./lyra3.js";
+import { Accordion as s } from "./lyra4.js";
+import { accordionItemButtonStyles as x, accordionItemContentStyles as m, accordionItemStyles as f } from "./lyra5.js";
+import { Badge as y } from "./lyra6.js";
+import { badgeStyles as d } from "./lyra7.js";
+import { Button as u, ButtonInner as c } from "./lyra8.js";
+import { buttonStyles as g, iconStyles as P, nakedButtonStyles as v } from "./lyra9.js";
+import { TextField as b } from "./lyra10.js";
+import { PasswordTextField as T } from "./lyra11.js";
+import { InputIcon as A } from "./lyra12.js";
+import { sharedInputFieldStyles as w, sharedInputFieldWrapperStyles as C, sharedInputHintStyles as D, sharedInputStyles as H, sharedInputlabelStyles as W } from "./lyra13.js";
+import { Popover as q, PopoverTrigger as z } from "./lyra14.js";
+import { popoverDialogStyles as G, popoverStyles as J } from "./lyra15.js";
+import { ProgressBar as L } from "./lyra16.js";
+import { barActiveStyles as N, barStyles as O } from "./lyra17.js";
+import { Spinner as R } from "./lyra18.js";
+import { spinnerStyles as V } from "./lyra19.js";
+import { Text as Y } from "./lyra20.js";
+import { textStyles as _ } from "./lyra21.js";
+import { Tooltip as rr } from "./lyra22.js";
+import { lyraPlugin as or } from "./lyra23.js";
+import { lyraPreset as pr } from "./lyra24.js";
+import { Provider as sr } from "./lyra25.js";
 export {
-  o as Accordion,
-  x as Badge,
-  y as Button,
-  S as ButtonInner,
-  b as InputIcon,
-  v as PasswordTextField,
-  D as Popover,
-  H as PopoverTrigger,
-  E as ProgressBar,
-  oe as Provider,
-  M as Spinner,
-  R as Text,
-  g as TextField,
-  Y as Tooltip,
-  p as accordionItemButtonStyles,
-  l as accordionItemContentStyles,
-  s as accordionItemStyles,
-  f as badgeStyles,
-  J as barActiveStyles,
-  K as barStyles,
-  i as buttonStyles,
-  u as iconStyles,
-  _ as lyraPlugin,
-  ee as lyraPreset,
-  c as nakedButtonStyles,
-  j as popoverDialogStyles,
-  q as popoverStyles,
-  T as sharedInputFieldStyles,
-  F as sharedInputFieldWrapperStyles,
-  A as sharedInputHintStyles,
-  k as sharedInputStyles,
-  w as sharedInputlabelStyles,
-  O as spinnerStyles,
-  V as textStyles
+  s as Accordion,
+  o as Alert,
+  y as Badge,
+  u as Button,
+  c as ButtonInner,
+  A as InputIcon,
+  T as PasswordTextField,
+  q as Popover,
+  z as PopoverTrigger,
+  L as ProgressBar,
+  sr as Provider,
+  R as Spinner,
+  Y as Text,
+  b as TextField,
+  rr as Tooltip,
+  x as accordionItemButtonStyles,
+  m as accordionItemContentStyles,
+  f as accordionItemStyles,
+  p as alertStyles,
+  d as badgeStyles,
+  N as barActiveStyles,
+  O as barStyles,
+  g as buttonStyles,
+  P as iconStyles,
+  or as lyraPlugin,
+  pr as lyraPreset,
+  v as nakedButtonStyles,
+  G as popoverDialogStyles,
+  J as popoverStyles,
+  w as sharedInputFieldStyles,
+  C as sharedInputFieldWrapperStyles,
+  D as sharedInputHintStyles,
+  H as sharedInputStyles,
+  W as sharedInputlabelStyles,
+  V as spinnerStyles,
+  _ as textStyles
 };

package/dist/lyra10.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra32.cjs"),o=({icon:t,iconProps:e={},variant:s="start"})=>{const{className:n,...r}=e;return t({...r,className:c.cx("w-5 h-5",s==="start"?"ms-2":"me-2",n)})};exports.InputIcon=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra29.cjs"),n=require("react"),a=require("./lyra49.cjs"),m=require("./lyra20.cjs"),p=require("./lyra35.cjs");require("./lyra33.cjs");const s=require("./lyra13.cjs");require("./lyra51.cjs");const g=require("./lyra34.cjs"),S=n.forwardRef(({label:t,description:i,errorMessage:o,className:f,fullWidth:j=!1,isDisabled:r=!1,isRequired:l=!1,validationState:c,startSlot:u,endSlot:d,size:y,hint:x,...h},F)=>{const[v,E]=n.useState(!1),[I,N]=n.useState(!1);return e.jsxRuntimeExports.jsxs(a.TextField,{className:s.sharedInputFieldWrapperStyles({className:f}),isDisabled:r,isRequired:l,validationState:c,...h,ref:F,children:[e.jsxRuntimeExports.jsxs("div",{className:p.cx("flex items-center gap-2",t?"justify-between":"justify-end"),children:[t?e.jsxRuntimeExports.jsxs(a.Label,{className:s.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[t,l&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,x?e.jsxRuntimeExports.jsx("span",{className:s.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:x}):null]}),e.jsxRuntimeExports.jsxs("div",{className:g.twMerge(s.sharedInputFieldStyles({fullWidth:j,isFocused:v,isHovered:I,isDisabled:r,validationState:c})),children:[u,e.jsxRuntimeExports.jsx(a.Input,{className:({isFocused:q,isHovered:R})=>(E(q),N(R),s.sharedInputStyles({size:y,className:p.cx(!!u&&"ps-2",!!d&&"pe-2")})),required:l,disabled:r,style:{fontFamily:"var(--input-font-family)"}}),d]}),i&&e.jsxRuntimeExports.jsx(m.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:i}),o&&e.jsxRuntimeExports.jsx(m.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:o})]})});exports.TextField=S;

package/dist/lyra10.js

@@ -1,15 +1,124 @@
-import { cx as c } from "./lyra32.js";
-const e = ({
-  icon: s,
-  iconProps: t = {},
-  variant: r = "start"
-}) => {
-  const { className: o, ...a } = t;
-  return s({
-    ...a,
-    className: c("w-5 h-5", r === "start" ? "ms-2" : "me-2", o)
-  });
-};
+import { j as e } from "./lyra29.js";
+import { forwardRef as $, useState as d } from "react";
+import { TextField as g, Label as H, Input as w } from "./lyra49.js";
+import { Text as f } from "./lyra20.js";
+import { cx as i } from "./lyra35.js";
+import "./lyra33.js";
+import { sharedInputFieldWrapperStyles as S, sharedInputlabelStyles as T, sharedInputHintStyles as E, sharedInputFieldStyles as L, sharedInputStyles as M } from "./lyra13.js";
+import "./lyra51.js";
+import { twMerge as W } from "./lyra34.js";
+const P = $(
+  ({
+    label: s,
+    description: l,
+    errorMessage: r,
+    className: p,
+    fullWidth: x = !1,
+    isDisabled: a = !1,
+    isRequired: t = !1,
+    validationState: o,
+    startSlot: n,
+    endSlot: m,
+    size: u,
+    hint: c,
+    ...y
+  }, h) => {
+    const [j, F] = d(!1), [b, I] = d(!1);
+    return /* @__PURE__ */ e.jsxs(
+      g,
+      {
+        className: S({ className: p }),
+        isDisabled: a,
+        isRequired: t,
+        validationState: o,
+        ...y,
+        ref: h,
+        children: [
+          /* @__PURE__ */ e.jsxs(
+            "div",
+            {
+              className: i(
+                "flex items-center gap-2",
+                s ? "justify-between" : "justify-end"
+              ),
+              children: [
+                s ? /* @__PURE__ */ e.jsxs(
+                  H,
+                  {
+                    className: T(),
+                    style: { fontFamily: "var(--input-label-font-family)" },
+                    children: [
+                      s,
+                      t && /* @__PURE__ */ e.jsx("span", { className: "text-danger", children: " *" })
+                    ]
+                  }
+                ) : null,
+                c ? /* @__PURE__ */ e.jsx(
+                  "span",
+                  {
+                    className: E(),
+                    style: { fontFamily: "var(--input-hint-font-family)" },
+                    children: c
+                  }
+                ) : null
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsxs(
+            "div",
+            {
+              className: W(
+                L({
+                  fullWidth: x,
+                  isFocused: j,
+                  isHovered: b,
+                  isDisabled: a,
+                  validationState: o
+                })
+              ),
+              children: [
+                n,
+                /* @__PURE__ */ e.jsx(
+                  w,
+                  {
+                    className: ({ isFocused: N, isHovered: v }) => (F(N), I(v), M({
+                      size: u,
+                      className: i(!!n && "ps-2", !!m && "pe-2")
+                    })),
+                    required: t,
+                    disabled: a,
+                    style: { fontFamily: "var(--input-font-family)" }
+                  }
+                ),
+                m
+              ]
+            }
+          ),
+          l && /* @__PURE__ */ e.jsx(
+            f,
+            {
+              className: "ml-1 mt-1.5",
+              variant: "body-small",
+              color: "secondary",
+              slot: "description",
+              children: l
+            }
+          ),
+          r && /* @__PURE__ */ e.jsx(
+            f,
+            {
+              className: "ml-1 mt-1.5",
+              variant: "body-small",
+              color: "accent-danger",
+              slot: "errorMessage",
+              children: r
+            }
+          )
+        ]
+      }
+    );
+  }
+);
 export {
-  e as InputIcon
+  P as TextField
 };

package/dist/lyra100.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra222.cjs"),r=require("./lyra223.cjs"),t=require("./lyra224.cjs"),s=require("./lyra225.cjs"),u={inView:{Feature:s.InViewFeature},tap:{Feature:t.PressGesture},focus:{Feature:r.FocusGesture},hover:{Feature:e.HoverGesture}};exports.gestureAnimations=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra224.cjs"),r=require("./lyra225.cjs"),o=require("./lyra226.cjs"),t=require("./lyra227.cjs"),u={pan:{Feature:r.PanGesture},drag:{Feature:e.DragGesture,ProjectionNode:t.HTMLProjectionNode,MeasureLayout:o.MeasureLayout}};exports.drag=u;

package/dist/lyra100.js

@@ -1,21 +1,17 @@
-import { HoverGesture as e } from "./lyra222.js";
-import { FocusGesture as r } from "./lyra223.js";
-import { PressGesture as t } from "./lyra224.js";
-import { InViewFeature as o } from "./lyra225.js";
-const a = {
-  inView: {
+import { DragGesture as r } from "./lyra224.js";
+import { PanGesture as o } from "./lyra225.js";
+import { MeasureLayout as e } from "./lyra226.js";
+import { HTMLProjectionNode as t } from "./lyra227.js";
+const u = {
+  pan: {
     Feature: o
   },
-  tap: {
-    Feature: t
-  },
-  focus: {
-    Feature: r
-  },
-  hover: {
-    Feature: e
+  drag: {
+    Feature: r,
+    ProjectionNode: t,
+    MeasureLayout: e
   }
 };
 export {
-  a as gestureAnimations
+  u as drag
 };

package/dist/lyra101.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra196.cjs"),t=require("./lyra197.cjs"),i={animation:{Feature:e.AnimationFeature},exit:{Feature:t.ExitAnimationFeature}};exports.animations=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra228.cjs"),r=require("./lyra229.cjs"),l=require("./lyra216.cjs"),a=(t,e)=>l.isSVGComponent(t)?new r.SVGVisualElement(e,{enableHardwareAcceleration:!1}):new n.HTMLVisualElement(e,{enableHardwareAcceleration:!0});exports.createDomVisualElement=a;

package/dist/lyra101.js

@@ -1,13 +1,7 @@
-import { AnimationFeature as t } from "./lyra196.js";
-import { ExitAnimationFeature as i } from "./lyra197.js";
-const o = {
-  animation: {
-    Feature: t
-  },
-  exit: {
-    Feature: i
-  }
-};
+import { HTMLVisualElement as a } from "./lyra228.js";
+import { SVGVisualElement as t } from "./lyra229.js";
+import { isSVGComponent as n } from "./lyra216.js";
+const i = (r, e) => n(r) ? new t(e, { enableHardwareAcceleration: !1 }) : new a(e, { enableHardwareAcceleration: !0 });
 export {
-  o as animations
+  i as createDomVisualElement
 };

package/dist/lyra102.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra226.cjs"),r=require("./lyra227.cjs"),o=require("./lyra228.cjs"),t=require("./lyra229.cjs"),u={pan:{Feature:r.PanGesture},drag:{Feature:e.DragGesture,ProjectionNode:t.HTMLProjectionNode,MeasureLayout:o.MeasureLayout}};exports.drag=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra227.cjs"),o=require("./lyra226.cjs"),t={layout:{ProjectionNode:e.HTMLProjectionNode,MeasureLayout:o.MeasureLayout}};exports.layout=t;

package/dist/lyra102.js

@@ -1,17 +1,11 @@
-import { DragGesture as r } from "./lyra226.js";
-import { PanGesture as o } from "./lyra227.js";
-import { MeasureLayout as e } from "./lyra228.js";
-import { HTMLProjectionNode as t } from "./lyra229.js";
-const u = {
-  pan: {
-    Feature: o
-  },
-  drag: {
-    Feature: r,
-    ProjectionNode: t,
-    MeasureLayout: e
+import { HTMLProjectionNode as o } from "./lyra227.js";
+import { MeasureLayout as t } from "./lyra226.js";
+const a = {
+  layout: {
+    ProjectionNode: o,
+    MeasureLayout: t
   }
 };
 export {
-  u as drag
+  a as layout
 };

package/dist/lyra103.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra230.cjs"),r=require("./lyra231.cjs"),l=require("./lyra218.cjs"),a=(t,e)=>l.isSVGComponent(t)?new r.SVGVisualElement(e,{enableHardwareAcceleration:!1}):new n.HTMLVisualElement(e,{enableHardwareAcceleration:!0});exports.createDomVisualElement=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra132.cjs"),r=require("react"),d=require("./lyra104.cjs");function s(){const n=d.useIsMounted(),[e,o]=r.useState(0),t=r.useCallback(()=>{n.current&&o(e+1)},[e]);return[r.useCallback(()=>c.frame.postRender(t),[t]),e]}exports.useForceUpdate=s;

package/dist/lyra103.js

@@ -1,7 +1,12 @@
-import { HTMLVisualElement as a } from "./lyra230.js";
-import { SVGVisualElement as t } from "./lyra231.js";
-import { isSVGComponent as n } from "./lyra218.js";
-const i = (r, e) => n(r) ? new t(e, { enableHardwareAcceleration: !1 }) : new a(e, { enableHardwareAcceleration: !0 });
+import { frame as d } from "./lyra132.js";
+import { useState as c, useCallback as o } from "react";
+import { useIsMounted as s } from "./lyra104.js";
+function R() {
+  const t = s(), [e, n] = c(0), r = o(() => {
+    t.current && n(e + 1);
+  }, [e]);
+  return [o(() => d.postRender(r), [r]), e];
+}
 export {
-  i as createDomVisualElement
+  R as useForceUpdate
 };