@raystack/apsara 0.26.1 → 0.27.0

package/dist/v1/components/{dropdownMenu/dropdownMenu.d.ts → dropdown-menu/dropdown-menu.d.ts}

@@ -28,4 +28,4 @@ export declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuPr
     } & React.RefAttributes<HTMLDivElement>>;
 };
 export {};
-//# sourceMappingURL=dropdownMenu.d.ts.map
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/v1/components/dropdown-menu/dropdown-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgG/B,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAC3C,OAAO,qBAAqB,CAAC,IAAI,CAClC,CAAC;AACF,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAMzE;AAED,eAAO,MAAM,YAAY;;;;;;sBAlFP,MAAM,SAAS;uBACd,MAAM,SAAS;;;;;;;;;;;;;;kBA6DpB,MAAM,SAAS;;CA4B3B,CAAC"}

package/dist/v1/components/{dropdownMenu/dropdownMenu.js → dropdown-menu/dropdown-menu.js}

@@ -1,8 +1,8 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
 import { Portal as $d08ef79370b62062$export$602eac185826482c, Content as $d08ef79370b62062$export$7c6e2c02157bb7d2, Item as $d08ef79370b62062$export$6d08773d2e66f8f2, Label as $d08ef79370b62062$export$b04be29aa201d4f5, Separator as $d08ef79370b62062$export$1ff3c3f08ae963c0, Group as $d08ef79370b62062$export$eb2fcfdbd7ba97d4, Root as $d08ef79370b62062$export$be92b6f5f03c0fe9, Trigger as $d08ef79370b62062$export$41fb9f06171c75f4 } from '../../node_modules/.pnpm/@radix-ui_react-dropdown-menu@2.0.5_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@1_e7gmnqwdc4f4ybjj7qkfdho6zy/node_modules/@radix-ui/react-dropdown-menu/dist/index.js';
-import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/node_modules/class-variance-authority/dist/index.js';
+import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import * as React from 'react';
-import styles from './dropdownMenu.module.css.js';
+import styles from './dropdown-menu.module.css.js';
 
 const content = cva(styles.content);
 const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (jsxRuntimeExports.jsx($d08ef79370b62062$export$602eac185826482c, { children: jsxRuntimeExports.jsx($d08ef79370b62062$export$7c6e2c02157bb7d2, { ref: ref, sideOffset: sideOffset, className: content({ className }), ...props }) })));
@@ -33,4 +33,4 @@ const DropdownMenu = Object.assign($d08ef79370b62062$export$be92b6f5f03c0fe9, {
 });
 
 export { DropdownMenu };
-//# sourceMappingURL=dropdownMenu.js.map
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/v1/components/dropdown-menu/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.js","sources":["../../../../v1/components/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport styles from \"./dropdown-menu.module.css\";\n\nconst content = cva(styles.content);\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> &\n    React.PropsWithChildren<VariantProps<typeof content>>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={content({ className })}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n));\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;\n\nconst menuitem = cva(styles.menuitem);\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    leadingIcon?: React.ReactNode;\n    trailingIcon?: React.ReactNode;\n  } & React.PropsWithChildren<VariantProps<typeof menuitem>>\n>(({ className, children, leadingIcon, trailingIcon, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={menuitem({ className })}\n    {...props}\n  >\n    {leadingIcon && <span className={styles.leadingIcon}>{leadingIcon}</span>}\n    {children}\n    {trailingIcon && <span className={styles.trailingIcon}>{trailingIcon}</span>}\n  </DropdownMenuPrimitive.Item>\n));\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;\n\nconst label = cva(styles.label);\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> &\n    React.PropsWithChildren<VariantProps<typeof label>>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={label({ className })}\n    {...props}\n  />\n));\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;\n\nconst separator = cva(styles.separator);\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> &\n    React.PropsWithChildren<VariantProps<typeof separator>>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={separator({ className })}\n    {...props}\n  />\n));\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;\n\nconst menugroup = cva(styles.menugroup);\nconst DropdownMenuGroup = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Group> &\n    React.PropsWithChildren<VariantProps<typeof menugroup>>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Group\n    ref={ref}\n    className={menugroup({ className })}\n    {...props}\n  />\n));\nDropdownMenuGroup.displayName = DropdownMenuPrimitive.Group.displayName;\n\nconst emptystate = cva(styles.empty);\nconst DropdownMenuEmptyState = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & {\n    children: React.ReactNode;\n  }\n>(({ className, children, ...props }, ref) => (\n  <div ref={ref} className={emptystate({ className })} {...props}>\n    {children}\n  </div>\n));\nDropdownMenuEmptyState.displayName = \"DropdownMenuEmptyState\";\n\ntype DropdownMenuProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Root\n>;\nexport function RootDropdownMenu({ children, ...props }: DropdownMenuProps) {\n  return (\n    <DropdownMenuPrimitive.Root {...props}>\n      {children}\n    </DropdownMenuPrimitive.Root>\n  );\n}\n\nexport const DropdownMenu = Object.assign(DropdownMenuPrimitive.Root, {\n  Trigger: DropdownMenuPrimitive.Trigger,\n  Content: DropdownMenuContent,\n  Item: DropdownMenuItem,\n  Group: DropdownMenuGroup,\n  Label: DropdownMenuLabel,\n  Separator: DropdownMenuSeparator,\n  EmptyState: DropdownMenuEmptyState\n});\n"],"names":["_jsx","DropdownMenuPrimitive.Portal","DropdownMenuPrimitive.Content","_jsxs","DropdownMenuPrimitive.Item","DropdownMenuPrimitive.Label","DropdownMenuPrimitive.Separator","DropdownMenuPrimitive.Group","DropdownMenuPrimitive.Root","DropdownMenuPrimitive.Trigger"],"mappings":"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"}

package/dist/v1/components/dropdown-menu/dropdown-menu.module.css.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"content":"dropdown-menu-module_content__UqQqv","menuitem":"dropdown-menu-module_menuitem__QDC9m","label":"dropdown-menu-module_label__fb0lv","separator":"dropdown-menu-module_separator__Ho21D","empty":"dropdown-menu-module_empty__-NoMw","leadingIcon":"dropdown-menu-module_leadingIcon__Ry5Wi","trailingIcon":"dropdown-menu-module_trailingIcon__H9sLl"};
+
+exports.default = styles;
+//# sourceMappingURL=dropdown-menu.module.css.cjs.map

package/dist/v1/components/dropdown-menu/dropdown-menu.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/v1/components/dropdown-menu/dropdown-menu.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"content":"dropdown-menu-module_content__UqQqv","menuitem":"dropdown-menu-module_menuitem__QDC9m","label":"dropdown-menu-module_label__fb0lv","separator":"dropdown-menu-module_separator__Ho21D","empty":"dropdown-menu-module_empty__-NoMw","leadingIcon":"dropdown-menu-module_leadingIcon__Ry5Wi","trailingIcon":"dropdown-menu-module_trailingIcon__H9sLl"};
+
+export { styles as default };
+//# sourceMappingURL=dropdown-menu.module.css.js.map

package/dist/v1/components/dropdown-menu/dropdown-menu.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/v1/components/dropdown-menu/index.d.ts

@@ -0,0 +1,2 @@
+export { DropdownMenu } from "./dropdown-menu";
+//# sourceMappingURL=index.d.ts.map

package/dist/v1/components/dropdown-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../v1/components/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/v1/components/{emptyState/emptyState.cjs → empty-state/empty-state.cjs}

@@ -4,11 +4,11 @@ var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/rea
 var clsx = require('../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.cjs');
 var flex = require('../flex/flex.cjs');
 var text = require('../text/text.cjs');
-var emptyState_module = require('./emptyState.module.css.cjs');
+var emptyState_module = require('./empty-state.module.css.cjs');
 
 const EmptyState = ({ icon, heading, subHeading, primaryAction, secondaryAction, classNames, }) => {
     return (jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { direction: "column", align: "center", gap: "medium", className: clsx.clsx(emptyState_module.default.emptyState, classNames?.container), children: [jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx.clsx(emptyState_module.default.iconContainer, classNames?.iconContainer), children: jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx.clsx(emptyState_module.default.icon, classNames?.icon), children: icon }) }), jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { direction: "column", gap: "small", align: "center", children: [heading && (jsxRuntime.jsxRuntimeExports.jsx(text.Text, { size: 5, weight: 500, className: clsx.clsx(emptyState_module.default.headerText, classNames?.heading), children: heading })), subHeading && (jsxRuntime.jsxRuntimeExports.jsx(text.Text, { size: 4, weight: 400, className: clsx.clsx(emptyState_module.default.subHeaderText, classNames?.subHeading), children: subHeading }))] }), primaryAction, secondaryAction] }));
 };
 
 exports.EmptyState = EmptyState;
-//# sourceMappingURL=emptyState.cjs.map
+//# sourceMappingURL=empty-state.cjs.map

package/dist/v1/components/empty-state/empty-state.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.cjs","sources":["../../../../v1/components/empty-state/empty-state.tsx"],"sourcesContent":["import clsx from \"clsx\";\n\nimport { Flex } from \"../flex\";\nimport { Text } from \"../text\";\nimport styles from \"./empty-state.module.css\";\n\ntype classNameKeys =\n  | \"container\"\n  | \"iconContainer\"\n  | \"icon\"\n  | \"heading\"\n  | \"subHeading\";\n\ninterface EmptystateProps {\n  icon: React.ReactNode;\n  heading?: React.ReactNode;\n  subHeading?: React.ReactNode;\n  primaryAction?: React.ReactNode;\n  secondaryAction?: React.ReactNode;\n  classNames?: Partial<Record<classNameKeys, string>>;\n}\n\nexport const EmptyState = ({\n  icon,\n  heading,\n  subHeading,\n  primaryAction,\n  secondaryAction,\n  classNames,\n}: EmptystateProps) => {\n  return (\n    <Flex\n      direction=\"column\"\n      align=\"center\"\n      gap=\"medium\"\n      className={clsx(styles.emptyState, classNames?.container)}\n    >\n      <div className={clsx(styles.iconContainer, classNames?.iconContainer)}>\n        <div className={clsx(styles.icon, classNames?.icon)}>{icon}</div>\n      </div>\n\n      <Flex direction=\"column\" gap=\"small\" align=\"center\">\n        {heading && (\n          <Text\n            size={5}\n            weight={500}\n            className={clsx(styles.headerText, classNames?.heading)}\n          >\n            {heading}\n          </Text>\n        )}\n\n        {subHeading && (\n          <Text\n            size={4}\n            weight={400}\n            className={clsx(styles.subHeaderText, classNames?.subHeading)}\n          >\n            {subHeading}\n          </Text>\n        )}\n      </Flex>\n\n      {primaryAction}\n\n      {secondaryAction}\n    </Flex>\n  );\n};\n"],"names":["_jsxs","Flex","clsx","styles","_jsx","Text"],"mappings":";;;;;;;;AAsBa,MAAA,UAAU,GAAG,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,UAAU,EACV,aAAa,EACb,eAAe,EACf,UAAU,GACM,KAAI;AACpB,IAAA,QACEA,iCAAA,CAACC,SAAI,EAAA,EACH,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,QAAQ,EACd,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAEC,SAAI,CAACC,yBAAM,CAAC,UAAU,EAAE,UAAU,EAAE,SAAS,CAAC,EAEzD,QAAA,EAAA,CAAAC,gCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEF,SAAI,CAACC,yBAAM,CAAC,aAAa,EAAE,UAAU,EAAE,aAAa,CAAC,EACnE,QAAA,EAAAC,gCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEF,SAAI,CAACC,yBAAM,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,EAAA,QAAA,EAAG,IAAI,EAAA,CAAO,GAC7D,EAENH,iCAAA,CAACC,SAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EAAA,CAChD,OAAO,KACNG,gCAAC,CAAAC,SAAI,EACH,EAAA,IAAI,EAAE,CAAC,EACP,MAAM,EAAE,GAAG,EACX,SAAS,EAAEH,SAAI,CAACC,yBAAM,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,CAAC,EAEtD,QAAA,EAAA,OAAO,EACH,CAAA,CACR,EAEA,UAAU,KACTC,gCAAA,CAACC,SAAI,EAAA,EACH,IAAI,EAAE,CAAC,EACP,MAAM,EAAE,GAAG,EACX,SAAS,EAAEH,SAAI,CAACC,yBAAM,CAAC,aAAa,EAAE,UAAU,EAAE,UAAU,CAAC,YAE5D,UAAU,EAAA,CACN,CACR,CAAA,EAAA,CACI,EAEN,aAAa,EAEb,eAAe,CAAA,EAAA,CACX,EACP;AACJ;;;;"}

package/dist/v1/components/{emptyState/emptyState.d.ts → empty-state/empty-state.d.ts}

@@ -9,4 +9,4 @@ interface EmptystateProps {
 }
 export declare const EmptyState: ({ icon, heading, subHeading, primaryAction, secondaryAction, classNames, }: EmptystateProps) => import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=emptyState.d.ts.map
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/v1/components/empty-state/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../v1/components/empty-state/empty-state.tsx"],"names":[],"mappings":"AAMA,KAAK,aAAa,GACd,WAAW,GACX,eAAe,GACf,MAAM,GACN,SAAS,GACT,YAAY,CAAC;AAEjB,UAAU,eAAe;IACvB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,UAAU,+EAOpB,eAAe,4CAuCjB,CAAC"}

package/dist/v1/components/{emptyState/emptyState.js → empty-state/empty-state.js}

@@ -2,11 +2,11 @@ import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/no
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { Flex } from '../flex/flex.js';
 import { Text } from '../text/text.js';
-import styles from './emptyState.module.css.js';
+import styles from './empty-state.module.css.js';
 
 const EmptyState = ({ icon, heading, subHeading, primaryAction, secondaryAction, classNames, }) => {
     return (jsxRuntimeExports.jsxs(Flex, { direction: "column", align: "center", gap: "medium", className: clsx(styles.emptyState, classNames?.container), children: [jsxRuntimeExports.jsx("div", { className: clsx(styles.iconContainer, classNames?.iconContainer), children: jsxRuntimeExports.jsx("div", { className: clsx(styles.icon, classNames?.icon), children: icon }) }), jsxRuntimeExports.jsxs(Flex, { direction: "column", gap: "small", align: "center", children: [heading && (jsxRuntimeExports.jsx(Text, { size: 5, weight: 500, className: clsx(styles.headerText, classNames?.heading), children: heading })), subHeading && (jsxRuntimeExports.jsx(Text, { size: 4, weight: 400, className: clsx(styles.subHeaderText, classNames?.subHeading), children: subHeading }))] }), primaryAction, secondaryAction] }));
 };
 
 export { EmptyState };
-//# sourceMappingURL=emptyState.js.map
+//# sourceMappingURL=empty-state.js.map

package/dist/v1/components/empty-state/empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.js","sources":["../../../../v1/components/empty-state/empty-state.tsx"],"sourcesContent":["import clsx from \"clsx\";\n\nimport { Flex } from \"../flex\";\nimport { Text } from \"../text\";\nimport styles from \"./empty-state.module.css\";\n\ntype classNameKeys =\n  | \"container\"\n  | \"iconContainer\"\n  | \"icon\"\n  | \"heading\"\n  | \"subHeading\";\n\ninterface EmptystateProps {\n  icon: React.ReactNode;\n  heading?: React.ReactNode;\n  subHeading?: React.ReactNode;\n  primaryAction?: React.ReactNode;\n  secondaryAction?: React.ReactNode;\n  classNames?: Partial<Record<classNameKeys, string>>;\n}\n\nexport const EmptyState = ({\n  icon,\n  heading,\n  subHeading,\n  primaryAction,\n  secondaryAction,\n  classNames,\n}: EmptystateProps) => {\n  return (\n    <Flex\n      direction=\"column\"\n      align=\"center\"\n      gap=\"medium\"\n      className={clsx(styles.emptyState, classNames?.container)}\n    >\n      <div className={clsx(styles.iconContainer, classNames?.iconContainer)}>\n        <div className={clsx(styles.icon, classNames?.icon)}>{icon}</div>\n      </div>\n\n      <Flex direction=\"column\" gap=\"small\" align=\"center\">\n        {heading && (\n          <Text\n            size={5}\n            weight={500}\n            className={clsx(styles.headerText, classNames?.heading)}\n          >\n            {heading}\n          </Text>\n        )}\n\n        {subHeading && (\n          <Text\n            size={4}\n            weight={400}\n            className={clsx(styles.subHeaderText, classNames?.subHeading)}\n          >\n            {subHeading}\n          </Text>\n        )}\n      </Flex>\n\n      {primaryAction}\n\n      {secondaryAction}\n    </Flex>\n  );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAsBa,MAAA,UAAU,GAAG,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,UAAU,EACV,aAAa,EACb,eAAe,EACf,UAAU,GACM,KAAI;AACpB,IAAA,QACEA,sBAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,QAAQ,EACd,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,UAAU,EAAE,SAAS,CAAC,EAEzD,QAAA,EAAA,CAAAC,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,EAAE,aAAa,CAAC,EACnE,QAAA,EAAAA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,EAAA,QAAA,EAAG,IAAI,EAAA,CAAO,GAC7D,EAEND,sBAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EAAA,CAChD,OAAO,KACNC,qBAAC,CAAA,IAAI,EACH,EAAA,IAAI,EAAE,CAAC,EACP,MAAM,EAAE,GAAG,EACX,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,CAAC,EAEtD,QAAA,EAAA,OAAO,EACH,CAAA,CACR,EAEA,UAAU,KACTA,qBAAA,CAAC,IAAI,EAAA,EACH,IAAI,EAAE,CAAC,EACP,MAAM,EAAE,GAAG,EACX,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,EAAE,UAAU,CAAC,YAE5D,UAAU,EAAA,CACN,CACR,CAAA,EAAA,CACI,EAEN,aAAa,EAEb,eAAe,CAAA,EAAA,CACX,EACP;AACJ;;;;"}

package/dist/v1/components/empty-state/empty-state.module.css.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"emptyState":"empty-state-module_emptyState__3KNNK","iconContainer":"empty-state-module_iconContainer__mVbR-","icon":"empty-state-module_icon__91WkM","headerText":"empty-state-module_headerText__OiviM","subHeaderText":"empty-state-module_subHeaderText__dn22j"};
+
+exports.default = styles;
+//# sourceMappingURL=empty-state.module.css.cjs.map

package/dist/v1/components/empty-state/empty-state.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/v1/components/empty-state/empty-state.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"emptyState":"empty-state-module_emptyState__3KNNK","iconContainer":"empty-state-module_iconContainer__mVbR-","icon":"empty-state-module_icon__91WkM","headerText":"empty-state-module_headerText__OiviM","subHeaderText":"empty-state-module_subHeaderText__dn22j"};
+
+export { styles as default };
+//# sourceMappingURL=empty-state.module.css.js.map

package/dist/v1/components/empty-state/empty-state.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/v1/components/empty-state/index.d.ts

@@ -0,0 +1,2 @@
+export { EmptyState } from "./empty-state";
+//# sourceMappingURL=index.d.ts.map

package/dist/v1/components/empty-state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../v1/components/empty-state/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/v1/components/flex/flex.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
-var index = require('../../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/node_modules/class-variance-authority/dist/index.cjs');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var React = require('react');
 var flex_module = require('./flex.module.css.cjs');
 

package/dist/v1/components/flex/flex.d.ts

@@ -2,10 +2,10 @@ import { VariantProps } from "class-variance-authority";
 import { HTMLAttributes } from "react";
 export declare const Flex: import("react").ForwardRefExoticComponent<VariantProps<(props?: ({
     direction?: "row" | "column" | "rowReverse" | "columnReverse" | null | undefined;
-    align?: "center" | "end" | "start" | "stretch" | "baseline" | null | undefined;
-    justify?: "center" | "end" | "start" | "between" | null | undefined;
+    align?: "start" | "center" | "end" | "stretch" | "baseline" | null | undefined;
+    justify?: "start" | "center" | "end" | "between" | null | undefined;
     wrap?: "wrap" | "noWrap" | "wrapReverse" | null | undefined;
-    gap?: "small" | "medium" | "large" | "extra-small" | "extra-large" | null | undefined;
+    gap?: "extra-small" | "small" | "medium" | "large" | "extra-large" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & {
     children?: import("react").ReactNode;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/v1/components/flex/flex.js

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
-import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/node_modules/class-variance-authority/dist/index.js';
+import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { forwardRef } from 'react';
 import styles from './flex.module.css.js';
 

package/dist/v1/components/icon-button/icon-button.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var React = require('react');
+var iconButton_module = require('./icon-button.module.css.cjs');
+
+const iconButton = index.cva(iconButton_module.default.iconButton, {
+    variants: {
+        size: {
+            1: iconButton_module.default["iconButton-size-1"],
+            2: iconButton_module.default["iconButton-size-2"],
+            3: iconButton_module.default["iconButton-size-3"],
+            4: iconButton_module.default["iconButton-size-4"],
+        }
+    },
+    defaultVariants: {
+        size: 2,
+    },
+});
+const IconButton = React.forwardRef(({ className, size, disabled, children, 'aria-label': ariaLabel, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx("button", { ref: ref, className: iconButton({ size, className }), disabled: disabled, type: "button", "aria-label": ariaLabel, "aria-disabled": disabled, ...props, children: jsxRuntime.jsxRuntimeExports.jsx("div", { "aria-hidden": "true", children: children }) })));
+IconButton.displayName = 'IconButton';
+
+exports.IconButton = IconButton;
+//# sourceMappingURL=icon-button.cjs.map

package/dist/v1/components/icon-button/icon-button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.cjs","sources":["../../../../v1/components/icon-button/icon-button.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\n\nimport styles from './icon-button.module.css';\n\nconst iconButton = cva(styles.iconButton, {\n  variants: {\n    size: {\n      1: styles[\"iconButton-size-1\"],\n      2: styles[\"iconButton-size-2\"],\n      3: styles[\"iconButton-size-3\"],\n      4: styles[\"iconButton-size-4\"],\n    }\n  },\n  defaultVariants: {\n    size: 2,\n  },\n});\n\nexport interface IconButtonProps\n  extends ComponentPropsWithoutRef<\"button\">,\n    VariantProps<typeof iconButton> {\n  size?: 1 | 2 | 3 | 4;\n  'aria-label'?: string;\n}\n\nexport const IconButton = forwardRef<ElementRef<\"button\">, IconButtonProps>(\n  ({ className, size, disabled, children, 'aria-label': ariaLabel, ...props }, ref) => (\n    <button\n      ref={ref}\n      className={iconButton({ size, className })}\n      disabled={disabled}\n      type=\"button\"\n      aria-label={ariaLabel}\n      aria-disabled={disabled}\n      {...props}\n    >\n      <div aria-hidden=\"true\">\n        {children}\n      </div>\n    </button>\n  )\n);\n\nIconButton.displayName = 'IconButton';\n"],"names":["cva","styles","forwardRef","_jsx"],"mappings":";;;;;;;AAKA,MAAM,UAAU,GAAGA,SAAG,CAACC,yBAAM,CAAC,UAAU,EAAE;AACxC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAEA,yBAAM,CAAC,mBAAmB,CAAC;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;AACF,CAAA,CAAC,CAAC;AASI,MAAM,UAAU,GAAGC,gBAAU,CAClC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC9EC,gCAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAC1C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EAAA,YAAA,EACD,SAAS,EAAA,eAAA,EACN,QAAQ,EAAA,GACnB,KAAK,EAET,QAAA,EAAAA,gCAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,MAAM,EAAA,QAAA,EACpB,QAAQ,EAAA,CACL,EACC,CAAA,CACV,EACD;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/v1/components/icon-button/icon-button.d.ts

@@ -0,0 +1,12 @@
+import { VariantProps } from "class-variance-authority";
+import { ComponentPropsWithoutRef } from "react";
+declare const iconButton: (props?: ({
+    size?: 1 | 2 | 3 | 4 | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface IconButtonProps extends ComponentPropsWithoutRef<"button">, VariantProps<typeof iconButton> {
+    size?: 1 | 2 | 3 | 4;
+    'aria-label'?: string;
+}
+export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=icon-button.d.ts.map

package/dist/v1/components/icon-button/icon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../v1/components/icon-button/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAA0B,MAAM,OAAO,CAAC;AAIzE,QAAA,MAAM,UAAU;;mFAYd,CAAC;AAEH,MAAM,WAAW,eACf,SAAQ,wBAAwB,CAAC,QAAQ,CAAC,EACxC,YAAY,CAAC,OAAO,UAAU,CAAC;IACjC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,+GAgBtB,CAAC"}

package/dist/v1/components/icon-button/icon-button.js

@@ -0,0 +1,23 @@
+import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { forwardRef } from 'react';
+import styles from './icon-button.module.css.js';
+
+const iconButton = cva(styles.iconButton, {
+    variants: {
+        size: {
+            1: styles["iconButton-size-1"],
+            2: styles["iconButton-size-2"],
+            3: styles["iconButton-size-3"],
+            4: styles["iconButton-size-4"],
+        }
+    },
+    defaultVariants: {
+        size: 2,
+    },
+});
+const IconButton = forwardRef(({ className, size, disabled, children, 'aria-label': ariaLabel, ...props }, ref) => (jsxRuntimeExports.jsx("button", { ref: ref, className: iconButton({ size, className }), disabled: disabled, type: "button", "aria-label": ariaLabel, "aria-disabled": disabled, ...props, children: jsxRuntimeExports.jsx("div", { "aria-hidden": "true", children: children }) })));
+IconButton.displayName = 'IconButton';
+
+export { IconButton };
+//# sourceMappingURL=icon-button.js.map

package/dist/v1/components/icon-button/icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.js","sources":["../../../../v1/components/icon-button/icon-button.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\n\nimport styles from './icon-button.module.css';\n\nconst iconButton = cva(styles.iconButton, {\n  variants: {\n    size: {\n      1: styles[\"iconButton-size-1\"],\n      2: styles[\"iconButton-size-2\"],\n      3: styles[\"iconButton-size-3\"],\n      4: styles[\"iconButton-size-4\"],\n    }\n  },\n  defaultVariants: {\n    size: 2,\n  },\n});\n\nexport interface IconButtonProps\n  extends ComponentPropsWithoutRef<\"button\">,\n    VariantProps<typeof iconButton> {\n  size?: 1 | 2 | 3 | 4;\n  'aria-label'?: string;\n}\n\nexport const IconButton = forwardRef<ElementRef<\"button\">, IconButtonProps>(\n  ({ className, size, disabled, children, 'aria-label': ariaLabel, ...props }, ref) => (\n    <button\n      ref={ref}\n      className={iconButton({ size, className })}\n      disabled={disabled}\n      type=\"button\"\n      aria-label={ariaLabel}\n      aria-disabled={disabled}\n      {...props}\n    >\n      <div aria-hidden=\"true\">\n        {children}\n      </div>\n    </button>\n  )\n);\n\nIconButton.displayName = 'IconButton';\n"],"names":["_jsx"],"mappings":";;;;;AAKA,MAAM,UAAU,GAAG,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE;AACxC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC9B,YAAA,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;AACF,CAAA,CAAC,CAAC;AASI,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC9EA,qBAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAC1C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,QAAQ,EAAA,YAAA,EACD,SAAS,EAAA,eAAA,EACN,QAAQ,EAAA,GACnB,KAAK,EAET,QAAA,EAAAA,qBAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,MAAM,EAAA,QAAA,EACpB,QAAQ,EAAA,CACL,EACC,CAAA,CACV,EACD;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/v1/components/icon-button/icon-button.module.css.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"iconButton":"icon-button-module_iconButton__jxDL7","iconButton-size-1":"icon-button-module_iconButton-size-1__6ZvRZ","iconButton-size-2":"icon-button-module_iconButton-size-2__KG3pg","iconButton-size-3":"icon-button-module_iconButton-size-3__cQyYp","iconButton-size-4":"icon-button-module_iconButton-size-4__Us1tt","iconButton___size___1":"icon-button-module_iconButton-size-1__6ZvRZ","iconButton___size___2":"icon-button-module_iconButton-size-2__KG3pg","iconButton___size___3":"icon-button-module_iconButton-size-3__cQyYp","iconButton___size___4":"icon-button-module_iconButton-size-4__Us1tt"};
+
+exports.default = styles;
+//# sourceMappingURL=icon-button.module.css.cjs.map

package/dist/v1/components/icon-button/icon-button.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/v1/components/icon-button/icon-button.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"iconButton":"icon-button-module_iconButton__jxDL7","iconButton-size-1":"icon-button-module_iconButton-size-1__6ZvRZ","iconButton-size-2":"icon-button-module_iconButton-size-2__KG3pg","iconButton-size-3":"icon-button-module_iconButton-size-3__cQyYp","iconButton-size-4":"icon-button-module_iconButton-size-4__Us1tt","iconButton___size___1":"icon-button-module_iconButton-size-1__6ZvRZ","iconButton___size___2":"icon-button-module_iconButton-size-2__KG3pg","iconButton___size___3":"icon-button-module_iconButton-size-3__cQyYp","iconButton___size___4":"icon-button-module_iconButton-size-4__Us1tt"};
+
+export { styles as default };
+//# sourceMappingURL=icon-button.module.css.js.map

package/dist/v1/components/icon-button/icon-button.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/v1/components/icon-button/index.d.ts

@@ -0,0 +1,2 @@
+export { IconButton } from "./icon-button";
+//# sourceMappingURL=index.d.ts.map

package/dist/v1/components/icon-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../v1/components/icon-button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/v1/components/indicator/index.d.ts

@@ -0,0 +1,2 @@
+export { Indicator } from "./indicator";
+//# sourceMappingURL=index.d.ts.map

package/dist/v1/components/indicator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../v1/components/indicator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/v1/components/indicator/indicator.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var indicator_module = require('./indicator.module.css.cjs');
+
+const indicator = index.cva(indicator_module.default.indicator, {
+    variants: {
+        variant: {
+            accent: indicator_module.default["indicator-variant-accent"],
+            warning: indicator_module.default["indicator-variant-warning"],
+            danger: indicator_module.default["indicator-variant-danger"],
+            success: indicator_module.default["indicator-variant-success"],
+            neutral: indicator_module.default["indicator-variant-neutral"],
+        }
+    },
+    defaultVariants: {
+        variant: "accent",
+    },
+});
+const Indicator = ({ className, variant, label, children, "aria-label": ariaLabel, ...props }) => {
+    const accessibilityLabel = ariaLabel || label || `${variant} indicator`;
+    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: indicator_module.default.wrapper, ...props, children: [children, jsxRuntime.jsxRuntimeExports.jsx("div", { className: indicator({ variant, className }), role: "status", "aria-label": accessibilityLabel, children: label ? (jsxRuntime.jsxRuntimeExports.jsx("span", { className: indicator_module.default.label, "data-length": label.length.toString(), children: label })) : (jsxRuntime.jsxRuntimeExports.jsx("span", { className: indicator_module.default.dot, "aria-hidden": "true" })) })] }));
+};
+Indicator.displayName = 'Indicator';
+
+exports.Indicator = Indicator;
+//# sourceMappingURL=indicator.cjs.map

package/dist/v1/components/indicator/indicator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator.cjs","sources":["../../../../v1/components/indicator/indicator.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport styles from './indicator.module.css';\n\nconst indicator = cva(styles.indicator, {\n  variants: {\n    variant: {\n      accent: styles[\"indicator-variant-accent\"],\n      warning: styles[\"indicator-variant-warning\"],\n      danger: styles[\"indicator-variant-danger\"],\n      success: styles[\"indicator-variant-success\"],\n      neutral: styles[\"indicator-variant-neutral\"],\n    }\n  },\n  defaultVariants: {\n    variant: \"accent\",\n  },\n});\n\nexport interface IndicatorProps\n  extends ComponentPropsWithoutRef<\"div\">,\n    VariantProps<typeof indicator> {\n  label?: string;\n  children?: ReactNode;\n  \"aria-label\"?: string;\n}\n\nexport const Indicator = ({ \n  className, \n  variant, \n  label, \n  children, \n  \"aria-label\": ariaLabel,\n  ...props \n}: IndicatorProps) => {\n  const accessibilityLabel = ariaLabel || label || `${variant} indicator`;\n\n  return (\n    <div className={styles.wrapper} {...props}>\n      {children}\n      <div \n        className={indicator({ variant, className })}\n        role=\"status\"\n        aria-label={accessibilityLabel}\n      >\n        {label ? (\n          <span \n            className={styles.label} \n            data-length={label.length.toString()}\n          >\n            {label}\n          </span>\n        ) : (\n          <span \n            className={styles.dot} \n            aria-hidden=\"true\" \n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nIndicator.displayName = 'Indicator';\n"],"names":["cva","styles","_jsxs","_jsx"],"mappings":";;;;;;AAKA,MAAM,SAAS,GAAGA,SAAG,CAACC,wBAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,MAAM,EAAEA,wBAAM,CAAC,0BAA0B,CAAC;AAC1C,YAAA,OAAO,EAAEA,wBAAM,CAAC,2BAA2B,CAAC;AAC5C,YAAA,MAAM,EAAEA,wBAAM,CAAC,0BAA0B,CAAC;AAC1C,YAAA,OAAO,EAAEA,wBAAM,CAAC,2BAA2B,CAAC;AAC5C,YAAA,OAAO,EAAEA,wBAAM,CAAC,2BAA2B,CAAC;AAC7C,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,QAAQ;AAClB,KAAA;AACF,CAAA,CAAC,CAAC;MAUU,SAAS,GAAG,CAAC,EACxB,SAAS,EACT,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACO,KAAI;IACnB,MAAM,kBAAkB,GAAG,SAAS,IAAI,KAAK,IAAI,CAAA,EAAG,OAAO,CAAA,UAAA,CAAY,CAAC;AAExE,IAAA,QACEC,iCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,wBAAM,CAAC,OAAO,EAAM,GAAA,KAAK,EACtC,QAAA,EAAA,CAAA,QAAQ,EACTE,gCAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAC5C,IAAI,EAAC,QAAQ,EACD,YAAA,EAAA,kBAAkB,EAE7B,QAAA,EAAA,KAAK,IACJA,gCAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAEF,wBAAM,CAAC,KAAK,EACV,aAAA,EAAA,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAA,QAAA,EAEnC,KAAK,EACD,CAAA,KAEPE,gCACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEF,wBAAM,CAAC,GAAG,EAAA,aAAA,EACT,MAAM,EAClB,CAAA,CACH,EACG,CAAA,CAAA,EAAA,CACF,EACN;AACJ,EAAE;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

package/dist/v1/components/indicator/indicator.d.ts

@@ -0,0 +1,16 @@
+import { VariantProps } from "class-variance-authority";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+declare const indicator: (props?: ({
+    variant?: "accent" | "danger" | "success" | "neutral" | "warning" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface IndicatorProps extends ComponentPropsWithoutRef<"div">, VariantProps<typeof indicator> {
+    label?: string;
+    children?: ReactNode;
+    "aria-label"?: string;
+}
+export declare const Indicator: {
+    ({ className, variant, label, children, "aria-label": ariaLabel, ...props }: IndicatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=indicator.d.ts.map

package/dist/v1/components/indicator/indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator.d.ts","sourceRoot":"","sources":["../../../../v1/components/indicator/indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI5D,QAAA,MAAM,SAAS;;mFAab,CAAC;AAEH,MAAM,WAAW,cACf,SAAQ,wBAAwB,CAAC,KAAK,CAAC,EACrC,YAAY,CAAC,OAAO,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,SAAS;iFAOnB,cAAc;;CA2BhB,CAAC"}

package/dist/v1/components/indicator/indicator.js

@@ -0,0 +1,26 @@
+import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import styles from './indicator.module.css.js';
+
+const indicator = cva(styles.indicator, {
+    variants: {
+        variant: {
+            accent: styles["indicator-variant-accent"],
+            warning: styles["indicator-variant-warning"],
+            danger: styles["indicator-variant-danger"],
+            success: styles["indicator-variant-success"],
+            neutral: styles["indicator-variant-neutral"],
+        }
+    },
+    defaultVariants: {
+        variant: "accent",
+    },
+});
+const Indicator = ({ className, variant, label, children, "aria-label": ariaLabel, ...props }) => {
+    const accessibilityLabel = ariaLabel || label || `${variant} indicator`;
+    return (jsxRuntimeExports.jsxs("div", { className: styles.wrapper, ...props, children: [children, jsxRuntimeExports.jsx("div", { className: indicator({ variant, className }), role: "status", "aria-label": accessibilityLabel, children: label ? (jsxRuntimeExports.jsx("span", { className: styles.label, "data-length": label.length.toString(), children: label })) : (jsxRuntimeExports.jsx("span", { className: styles.dot, "aria-hidden": "true" })) })] }));
+};
+Indicator.displayName = 'Indicator';
+
+export { Indicator };
+//# sourceMappingURL=indicator.js.map

package/dist/v1/components/indicator/indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator.js","sources":["../../../../v1/components/indicator/indicator.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport styles from './indicator.module.css';\n\nconst indicator = cva(styles.indicator, {\n  variants: {\n    variant: {\n      accent: styles[\"indicator-variant-accent\"],\n      warning: styles[\"indicator-variant-warning\"],\n      danger: styles[\"indicator-variant-danger\"],\n      success: styles[\"indicator-variant-success\"],\n      neutral: styles[\"indicator-variant-neutral\"],\n    }\n  },\n  defaultVariants: {\n    variant: \"accent\",\n  },\n});\n\nexport interface IndicatorProps\n  extends ComponentPropsWithoutRef<\"div\">,\n    VariantProps<typeof indicator> {\n  label?: string;\n  children?: ReactNode;\n  \"aria-label\"?: string;\n}\n\nexport const Indicator = ({ \n  className, \n  variant, \n  label, \n  children, \n  \"aria-label\": ariaLabel,\n  ...props \n}: IndicatorProps) => {\n  const accessibilityLabel = ariaLabel || label || `${variant} indicator`;\n\n  return (\n    <div className={styles.wrapper} {...props}>\n      {children}\n      <div \n        className={indicator({ variant, className })}\n        role=\"status\"\n        aria-label={accessibilityLabel}\n      >\n        {label ? (\n          <span \n            className={styles.label} \n            data-length={label.length.toString()}\n          >\n            {label}\n          </span>\n        ) : (\n          <span \n            className={styles.dot} \n            aria-hidden=\"true\" \n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nIndicator.displayName = 'Indicator';\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAKA,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,MAAM,EAAE,MAAM,CAAC,0BAA0B,CAAC;AAC1C,YAAA,OAAO,EAAE,MAAM,CAAC,2BAA2B,CAAC;AAC5C,YAAA,MAAM,EAAE,MAAM,CAAC,0BAA0B,CAAC;AAC1C,YAAA,OAAO,EAAE,MAAM,CAAC,2BAA2B,CAAC;AAC5C,YAAA,OAAO,EAAE,MAAM,CAAC,2BAA2B,CAAC;AAC7C,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,QAAQ;AAClB,KAAA;AACF,CAAA,CAAC,CAAC;MAUU,SAAS,GAAG,CAAC,EACxB,SAAS,EACT,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACO,KAAI;IACnB,MAAM,kBAAkB,GAAG,SAAS,IAAI,KAAK,IAAI,CAAA,EAAG,OAAO,CAAA,UAAA,CAAY,CAAC;AAExE,IAAA,QACEA,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAM,GAAA,KAAK,EACtC,QAAA,EAAA,CAAA,QAAQ,EACTC,qBAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAC5C,IAAI,EAAC,QAAQ,EACD,YAAA,EAAA,kBAAkB,EAE7B,QAAA,EAAA,KAAK,IACJA,qBAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,KAAK,EACV,aAAA,EAAA,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAA,QAAA,EAEnC,KAAK,EACD,CAAA,KAEPA,qBACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,GAAG,EAAA,aAAA,EACT,MAAM,EAClB,CAAA,CACH,EACG,CAAA,CAAA,EAAA,CACF,EACN;AACJ,EAAE;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

package/dist/v1/components/indicator/indicator.module.css.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"wrapper":"indicator-module_wrapper__sLSX8","indicator":"indicator-module_indicator__4BPBY","label":"indicator-module_label__GVqKn","dot":"indicator-module_dot__XTd8e","indicator-variant-accent":"indicator-module_indicator-variant-accent__9p86n","indicator-variant-warning":"indicator-module_indicator-variant-warning__Rn97J","indicator-variant-danger":"indicator-module_indicator-variant-danger__D2cmI","indicator-variant-success":"indicator-module_indicator-variant-success__D7je2","indicator-variant-neutral":"indicator-module_indicator-variant-neutral__MuJV7","indicator___variant___accent":"indicator-module_indicator-variant-accent__9p86n","indicator___variant___warning":"indicator-module_indicator-variant-warning__Rn97J","indicator___variant___danger":"indicator-module_indicator-variant-danger__D2cmI","indicator___variant___success":"indicator-module_indicator-variant-success__D7je2","indicator___variant___neutral":"indicator-module_indicator-variant-neutral__MuJV7"};
+
+exports.default = styles;
+//# sourceMappingURL=indicator.module.css.cjs.map

package/dist/v1/components/indicator/indicator.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/v1/components/indicator/indicator.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"wrapper":"indicator-module_wrapper__sLSX8","indicator":"indicator-module_indicator__4BPBY","label":"indicator-module_label__GVqKn","dot":"indicator-module_dot__XTd8e","indicator-variant-accent":"indicator-module_indicator-variant-accent__9p86n","indicator-variant-warning":"indicator-module_indicator-variant-warning__Rn97J","indicator-variant-danger":"indicator-module_indicator-variant-danger__D2cmI","indicator-variant-success":"indicator-module_indicator-variant-success__D7je2","indicator-variant-neutral":"indicator-module_indicator-variant-neutral__MuJV7","indicator___variant___accent":"indicator-module_indicator-variant-accent__9p86n","indicator___variant___warning":"indicator-module_indicator-variant-warning__Rn97J","indicator___variant___danger":"indicator-module_indicator-variant-danger__D2cmI","indicator___variant___success":"indicator-module_indicator-variant-success__D7je2","indicator___variant___neutral":"indicator-module_indicator-variant-neutral__MuJV7"};
+
+export { styles as default };
+//# sourceMappingURL=indicator.module.css.js.map

package/dist/v1/components/indicator/indicator.module.css.js.map

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

package/dist/v1/components/input-field/index.d.ts

@@ -0,0 +1,2 @@
+export { InputField } from "./input-field";
+//# sourceMappingURL=index.d.ts.map

package/dist/v1/components/input-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../v1/components/input-field/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/v1/components/{inputField/inputField.cjs → input-field/input-field.cjs}

@@ -3,7 +3,7 @@
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
 var clsx = require('../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.cjs');
 var React = require('react');
-var inputField_module = require('./inputField.module.css.cjs');
+var inputField_module = require('./input-field.module.css.cjs');
 
 const InputField = React.forwardRef(({ className, disabled, label, helperText, placeholder, error, leadingIcon, trailingIcon, optional, prefix, suffix, width, ...props }, ref) => {
     const prefixRef = React.useRef(null);
@@ -30,4 +30,4 @@ const InputField = React.forwardRef(({ className, disabled, label, helperText, p
 InputField.displayName = "InputField";
 
 exports.InputField = InputField;
-//# sourceMappingURL=inputField.cjs.map
+//# sourceMappingURL=input-field.cjs.map

package/dist/v1/components/input-field/input-field.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-field.cjs","sources":["../../../../v1/components/input-field/input-field.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef, ReactNode, useEffect, useRef, useState } from \"react\";\n\nimport styles from \"./input-field.module.css\";\n\n// Todo: Add a dropdown and chip support\n// Todo: Add small sizer variant. Updated in Figma\n\nexport interface InputFieldProps\n  extends Omit<ComponentPropsWithoutRef<\"input\">, \"error\"> {\n  label?: string;\n  helperText?: string;\n  error?: string;\n  disabled?: boolean;\n  leadingIcon?: ReactNode;\n  trailingIcon?: ReactNode;\n  optional?: boolean;\n  prefix?: string;\n  suffix?: string;\n  width?: string | number;\n}\n\nexport const InputField = forwardRef<ElementRef<\"input\">, InputFieldProps>(\n  ({\n    className,\n    disabled,\n    label,\n    helperText,\n    placeholder,\n    error,\n    leadingIcon,\n    trailingIcon,\n    optional,\n    prefix,\n    suffix,\n    width,\n    ...props\n  }, ref) => {\n    const prefixRef = useRef<HTMLSpanElement>(null);\n    const suffixRef = useRef<HTMLSpanElement>(null);\n    const [prefixWidth, setPrefixWidth] = useState(0);\n    const [suffixWidth, setSuffixWidth] = useState(0);\n\n    useEffect(() => {\n      if (prefixRef.current && prefix) {\n        const width = prefixRef.current.getBoundingClientRect().width;\n        setPrefixWidth(width);\n      }\n    }, [prefix]);\n\n    useEffect(() => {\n      if (suffixRef.current && suffix) {\n        const width = suffixRef.current.getBoundingClientRect().width;\n        setSuffixWidth(width);\n      }\n    }, [suffix]);\n\n    return (\n      <div className={styles.container} style={{ width: width || '100%' }}>\n        {label && (\n          <label className={clsx(styles.label, disabled && styles[\"label-disabled\"])}>\n            {label}\n            {optional && <span className={styles.optional}>(optional)</span>}\n          </label>\n        )}\n        <div className={styles.inputWrapper}>\n          {leadingIcon && <span className={styles.leadingIcon}>{leadingIcon}</span>}\n          {prefix && <span ref={prefixRef} className={styles.prefix}>{prefix}</span>}\n          <input\n            ref={ref}\n            style={{\n              paddingLeft: prefix ? `calc(${prefixWidth}px + var(--rs-space-3))` : undefined,\n              paddingRight: suffix ? `calc(${suffixWidth}px + var(--rs-space-3))` : undefined,\n            }}\n            className={clsx(\n              styles.inputField,\n              leadingIcon && styles.hasLeadingIcon,\n              trailingIcon && styles.hasTrailingIcon,\n              error && styles[\"input-error\"],\n              disabled && styles[\"input-disabled\"],\n              className\n            )}\n            aria-invalid={!!error}\n            placeholder={placeholder}\n            disabled={disabled}\n            {...props}\n          />\n          {suffix && <span ref={suffixRef} className={styles.suffix}>{suffix}</span>}\n          {trailingIcon && <span className={styles.trailingIcon}>{trailingIcon}</span>}\n        </div>\n        {(error || helperText) && (\n          <span \n            className={clsx(\n              styles.helperText, \n              error && styles[\"helperText-error\"],\n              disabled && styles[\"helperText-disabled\"]\n            )}\n          >\n            {error || helperText}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nInputField.displayName = \"InputField\";\n"],"names":["forwardRef","useRef","useState","useEffect","_jsxs","styles","clsx","_jsx"],"mappings":"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"}

package/dist/v1/components/{inputField/inputField.d.ts → input-field/input-field.d.ts}

@@ -12,4 +12,4 @@ export interface InputFieldProps extends Omit<ComponentPropsWithoutRef<"input">,
     width?: string | number;
 }
 export declare const InputField: import("react").ForwardRefExoticComponent<InputFieldProps & import("react").RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=inputField.d.ts.map
+//# sourceMappingURL=input-field.d.ts.map

package/dist/v1/components/input-field/input-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../../../v1/components/input-field/input-field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAA0B,SAAS,EAA+B,MAAM,OAAO,CAAC;AAOjH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,UAAU,8GAkFtB,CAAC"}

package/dist/v1/components/{inputField/inputField.js → input-field/input-field.js}

@@ -1,7 +1,7 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
 import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
 import { forwardRef, useRef, useState, useEffect } from 'react';
-import styles from './inputField.module.css.js';
+import styles from './input-field.module.css.js';
 
 const InputField = forwardRef(({ className, disabled, label, helperText, placeholder, error, leadingIcon, trailingIcon, optional, prefix, suffix, width, ...props }, ref) => {
     const prefixRef = useRef(null);
@@ -28,4 +28,4 @@ const InputField = forwardRef(({ className, disabled, label, helperText, placeho
 InputField.displayName = "InputField";
 
 export { InputField };
-//# sourceMappingURL=inputField.js.map
+//# sourceMappingURL=input-field.js.map

package/dist/v1/components/input-field/input-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-field.js","sources":["../../../../v1/components/input-field/input-field.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef, ReactNode, useEffect, useRef, useState } from \"react\";\n\nimport styles from \"./input-field.module.css\";\n\n// Todo: Add a dropdown and chip support\n// Todo: Add small sizer variant. Updated in Figma\n\nexport interface InputFieldProps\n  extends Omit<ComponentPropsWithoutRef<\"input\">, \"error\"> {\n  label?: string;\n  helperText?: string;\n  error?: string;\n  disabled?: boolean;\n  leadingIcon?: ReactNode;\n  trailingIcon?: ReactNode;\n  optional?: boolean;\n  prefix?: string;\n  suffix?: string;\n  width?: string | number;\n}\n\nexport const InputField = forwardRef<ElementRef<\"input\">, InputFieldProps>(\n  ({\n    className,\n    disabled,\n    label,\n    helperText,\n    placeholder,\n    error,\n    leadingIcon,\n    trailingIcon,\n    optional,\n    prefix,\n    suffix,\n    width,\n    ...props\n  }, ref) => {\n    const prefixRef = useRef<HTMLSpanElement>(null);\n    const suffixRef = useRef<HTMLSpanElement>(null);\n    const [prefixWidth, setPrefixWidth] = useState(0);\n    const [suffixWidth, setSuffixWidth] = useState(0);\n\n    useEffect(() => {\n      if (prefixRef.current && prefix) {\n        const width = prefixRef.current.getBoundingClientRect().width;\n        setPrefixWidth(width);\n      }\n    }, [prefix]);\n\n    useEffect(() => {\n      if (suffixRef.current && suffix) {\n        const width = suffixRef.current.getBoundingClientRect().width;\n        setSuffixWidth(width);\n      }\n    }, [suffix]);\n\n    return (\n      <div className={styles.container} style={{ width: width || '100%' }}>\n        {label && (\n          <label className={clsx(styles.label, disabled && styles[\"label-disabled\"])}>\n            {label}\n            {optional && <span className={styles.optional}>(optional)</span>}\n          </label>\n        )}\n        <div className={styles.inputWrapper}>\n          {leadingIcon && <span className={styles.leadingIcon}>{leadingIcon}</span>}\n          {prefix && <span ref={prefixRef} className={styles.prefix}>{prefix}</span>}\n          <input\n            ref={ref}\n            style={{\n              paddingLeft: prefix ? `calc(${prefixWidth}px + var(--rs-space-3))` : undefined,\n              paddingRight: suffix ? `calc(${suffixWidth}px + var(--rs-space-3))` : undefined,\n            }}\n            className={clsx(\n              styles.inputField,\n              leadingIcon && styles.hasLeadingIcon,\n              trailingIcon && styles.hasTrailingIcon,\n              error && styles[\"input-error\"],\n              disabled && styles[\"input-disabled\"],\n              className\n            )}\n            aria-invalid={!!error}\n            placeholder={placeholder}\n            disabled={disabled}\n            {...props}\n          />\n          {suffix && <span ref={suffixRef} className={styles.suffix}>{suffix}</span>}\n          {trailingIcon && <span className={styles.trailingIcon}>{trailingIcon}</span>}\n        </div>\n        {(error || helperText) && (\n          <span \n            className={clsx(\n              styles.helperText, \n              error && styles[\"helperText-error\"],\n              disabled && styles[\"helperText-disabled\"]\n            )}\n          >\n            {error || helperText}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nInputField.displayName = \"InputField\";\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/v1/components/input-field/input-field.module.css.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"container":"input-field-module_container__EO1UE","label":"input-field-module_label__FIn-3","inputWrapper":"input-field-module_inputWrapper__rZaqO","icon":"input-field-module_icon__wsLZI","inputField":"input-field-module_inputField__eyo5h","input-default":"input-field-module_input-default__mI0I1","input-error":"input-field-module_input-error__uiUqP","input-disabled":"input-field-module_input-disabled__Wpj4W","label-disabled":"input-field-module_label-disabled__YTPfz","helperText":"input-field-module_helperText__ZSD7y","helperText-disabled":"input-field-module_helperText-disabled__u5dKI","helperText-error":"input-field-module_helperText-error__YrrtT","leadingIcon":"input-field-module_leadingIcon__I9A4J","trailingIcon":"input-field-module_trailingIcon__Khwfp","prefix":"input-field-module_prefix__WBsMj","suffix":"input-field-module_suffix__LiSQ0","hasLeadingIcon":"input-field-module_hasLeadingIcon__oaHij","hasTrailingIcon":"input-field-module_hasTrailingIcon__VKWXz","optional":"input-field-module_optional__awrgj","input___default":"input-field-module_input-default__mI0I1","input___error":"input-field-module_input-error__uiUqP","input___disabled":"input-field-module_input-disabled__Wpj4W","label___disabled":"input-field-module_label-disabled__YTPfz","helperText___disabled":"input-field-module_helperText-disabled__u5dKI","helperText___error":"input-field-module_helperText-error__YrrtT"};
+
+exports.default = styles;
+//# sourceMappingURL=input-field.module.css.cjs.map

package/dist/v1/components/input-field/input-field.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-field.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/v1/components/input-field/input-field.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"container":"input-field-module_container__EO1UE","label":"input-field-module_label__FIn-3","inputWrapper":"input-field-module_inputWrapper__rZaqO","icon":"input-field-module_icon__wsLZI","inputField":"input-field-module_inputField__eyo5h","input-default":"input-field-module_input-default__mI0I1","input-error":"input-field-module_input-error__uiUqP","input-disabled":"input-field-module_input-disabled__Wpj4W","label-disabled":"input-field-module_label-disabled__YTPfz","helperText":"input-field-module_helperText__ZSD7y","helperText-disabled":"input-field-module_helperText-disabled__u5dKI","helperText-error":"input-field-module_helperText-error__YrrtT","leadingIcon":"input-field-module_leadingIcon__I9A4J","trailingIcon":"input-field-module_trailingIcon__Khwfp","prefix":"input-field-module_prefix__WBsMj","suffix":"input-field-module_suffix__LiSQ0","hasLeadingIcon":"input-field-module_hasLeadingIcon__oaHij","hasTrailingIcon":"input-field-module_hasTrailingIcon__VKWXz","optional":"input-field-module_optional__awrgj","input___default":"input-field-module_input-default__mI0I1","input___error":"input-field-module_input-error__uiUqP","input___disabled":"input-field-module_input-disabled__Wpj4W","label___disabled":"input-field-module_label-disabled__YTPfz","helperText___disabled":"input-field-module_helperText-disabled__u5dKI","helperText___error":"input-field-module_helperText-error__YrrtT"};
+
+export { styles as default };
+//# sourceMappingURL=input-field.module.css.js.map