@raystack/apsara 0.28.0 → 0.29.0

package/dist/v1/components/filter-chip/filter-chip.js

@@ -0,0 +1,51 @@
+import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { Cross1Icon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
+import { useState, useEffect } from 'react';
+import { Box } from '../box/box.js';
+import { Flex } from '../flex/flex.js';
+import { Select } from '../select/select.js';
+import { Text } from '../text/text.js';
+import { TextField } from '../textfield/textfield.js';
+import '../../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/UI.js';
+import '../../node_modules/.pnpm/react-day-picker@9.0.4_react@18.2.0/node_modules/react-day-picker/dist/esm/useDayPicker.js';
+import '../tooltip/tooltip.js';
+import { DatePicker } from '../calendar/date-picker.js';
+import { RangePicker } from '../calendar/range-picker.js';
+import styles from './filter-chip.module.css.js';
+
+const FilterChip = ({ label, value, onRemove = () => null, className, ref, columnType = 'text', options = [], onValueChange, onOperationChange, leadingIcon, ...props }) => {
+    const [operation, setOperation] = useState('is');
+    const [filterValue, setFilterValue] = useState(value || '');
+    const operationOptions = [
+        { label: 'is', value: 'is' },
+        { label: 'is not', value: 'is not' },
+        { label: 'contains', value: 'contains' },
+    ];
+    useEffect(() => {
+        if (onOperationChange) {
+            onOperationChange(operation);
+        }
+    }, [operation]);
+    useEffect(() => {
+        if (onValueChange) {
+            onValueChange(filterValue);
+        }
+    }, [filterValue]);
+    const renderValueInput = () => {
+        switch (columnType) {
+            case 'select':
+                return (jsxRuntimeExports.jsxs(Select, { value: filterValue, onValueChange: setFilterValue, children: [jsxRuntimeExports.jsx(Select.Trigger, { variant: "filter", children: jsxRuntimeExports.jsx("div", { className: styles.selectValue, children: jsxRuntimeExports.jsx(Select.Value, { placeholder: "Select value" }) }) }), jsxRuntimeExports.jsx(Select.Content, { "data-variant": "filter", children: options.map((opt) => (jsxRuntimeExports.jsx(Select.Item, { value: opt.value, children: opt.label }, opt.value))) })] }));
+            case 'date':
+                return (jsxRuntimeExports.jsx("div", { className: styles.dateFieldWrapper, children: jsxRuntimeExports.jsx(DatePicker, { onSelect: (date) => setFilterValue(date), showCalendarIcon: false, textFieldProps: { className: styles.dateField } }) }));
+            case 'range':
+                return (jsxRuntimeExports.jsx("div", { className: styles.dateFieldWrapper, children: jsxRuntimeExports.jsx(RangePicker, { textFieldProps: { className: styles.dateField }, onSelect: (range) => setFilterValue(range), showCalendarIcon: false, value: filterValue }) }));
+            default:
+                return (jsxRuntimeExports.jsx("div", { className: styles.textFieldWrapper, children: jsxRuntimeExports.jsx(TextField, { className: styles.textField, value: filterValue, onChange: (e) => setFilterValue(e.target.value) }) }));
+        }
+    };
+    return (jsxRuntimeExports.jsx(Box, { ref: ref, className: [styles.chip, className].filter(Boolean).join(" "), role: "group", "aria-label": `Filter by ${label}`, ...props, children: jsxRuntimeExports.jsxs(Flex, { align: "center", children: [jsxRuntimeExports.jsxs(Flex, { align: "center", style: { gap: 'var(--rs-space-2)' }, children: [leadingIcon && (jsxRuntimeExports.jsx("span", { className: styles.leadingIcon, "aria-hidden": "true", children: leadingIcon })), jsxRuntimeExports.jsx(Text, { size: 2, weight: "normal", children: label })] }), jsxRuntimeExports.jsxs(Select, { defaultValue: operation, onValueChange: setOperation, "aria-labelledby": `${label}-label`, children: [jsxRuntimeExports.jsx(Select.Trigger, { className: styles.operation, variant: "filter", "aria-label": `${label} filter operation`, children: jsxRuntimeExports.jsx("span", { className: styles.operationText, children: operation }) }), jsxRuntimeExports.jsx(Select.Content, { "data-variant": "filter", children: operationOptions.map((opt) => (jsxRuntimeExports.jsx(Select.Item, { value: opt.value, "aria-label": `Filter ${label} ${opt.label}`, children: opt.label }, opt.value))) })] }), renderValueInput(), jsxRuntimeExports.jsx("div", { className: styles.removeIconContainer, role: "button", tabIndex: 0, "aria-label": `Remove ${label} filter`, children: jsxRuntimeExports.jsx(Cross1Icon, { className: styles.removeIcon, onClick: onRemove }) })] }) }));
+};
+FilterChip.displayName = "FilterChip";
+
+export { FilterChip };
+//# sourceMappingURL=filter-chip.js.map

package/dist/v1/components/filter-chip/filter-chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-chip.js","sources":["../../../../v1/components/filter-chip/filter-chip.tsx"],"sourcesContent":["import { Cross1Icon } from \"@radix-ui/react-icons\";\nimport { ReactNode, useEffect, useState, ReactElement } from \"react\";\nimport { Box } from \"../box\";\nimport { Flex } from \"../flex\";\nimport { Select } from \"../select\";\nimport { Text } from \"../text\";\nimport { TextField } from \"../textfield\";\nimport { DatePicker, RangePicker } from \"../calendar\";\nimport styles from \"./filter-chip.module.css\";\n\ntype FilterVariant = 'select' | 'text' | 'date' | 'range' | 'number';\n\nexport interface FilterChipProps {\n  label: string;\n  value?: string;\n  onRemove?: () => void;\n  className?: string;\n  ref?: React.RefObject<HTMLDivElement>;\n  children?: ReactNode;\n  columnType?: FilterVariant;\n  options?: Array<{ label: string; value: string }>;\n  onValueChange?: (value: any) => void;\n  onOperationChange?: (operation: string) => void;\n  leadingIcon?: ReactElement;\n}\n\nexport const FilterChip = ({\n  label,\n  value,\n  onRemove = () => null,\n  className,\n  ref,\n  columnType = 'text',\n  options = [],\n  onValueChange,\n  onOperationChange,\n  leadingIcon,\n  ...props\n}: FilterChipProps) => {\n  const [operation, setOperation] = useState('is');\n  const [filterValue, setFilterValue] = useState<any>(value || '');\n\n  const operationOptions = [\n    { label: 'is', value: 'is' },\n    { label: 'is not', value: 'is not' },\n    { label: 'contains', value: 'contains' },\n  ];\n\n  useEffect(() => {\n    if (onOperationChange) {\n      onOperationChange(operation);\n    }\n  }, [operation]);\n\n  useEffect(() => {\n    if (onValueChange) {\n      onValueChange(filterValue);\n    }\n  }, [filterValue]);\n\n  const renderValueInput = () => {\n    switch (columnType) {\n      case 'select':\n        return (\n          <Select\n            value={filterValue}\n            onValueChange={setFilterValue}\n          >\n            <Select.Trigger variant=\"filter\">\n              <div className={styles.selectValue}>\n                <Select.Value placeholder=\"Select value\" />\n              </div>\n            </Select.Trigger>\n            <Select.Content data-variant=\"filter\">\n              {options.map((opt) => (\n                <Select.Item key={opt.value} value={opt.value}>\n                  {opt.label}\n                </Select.Item>\n              ))}\n            </Select.Content>\n          </Select>\n        );\n      case 'date':\n        return (\n          <div className={styles.dateFieldWrapper}>\n            <DatePicker \n              onSelect={(date) => setFilterValue(date)}\n              showCalendarIcon={false}\n              textFieldProps={{ className: styles.dateField }}\n            />\n          </div>\n        );\n      case 'range':\n        return (\n          <div className={styles.dateFieldWrapper}>\n            <RangePicker\n              textFieldProps={{ className: styles.dateField }}\n              onSelect={(range) => setFilterValue(range)}\n              showCalendarIcon={false}\n              value={filterValue}\n            />\n          </div>\n        );\n      default:\n        return (\n          <div className={styles.textFieldWrapper}>\n            <TextField\n              className={styles.textField}\n              value={filterValue}\n              onChange={(e) => setFilterValue(e.target.value)}\n            />\n          </div>\n        );\n    }\n  };\n\n  return (\n    <Box\n      ref={ref}\n      className={[styles.chip, className].filter(Boolean).join(\" \")}\n      role=\"group\"\n      aria-label={`Filter by ${label}`}\n      {...props}\n    >\n      <Flex align=\"center\">\n        <Flex align=\"center\" style={{ gap: 'var(--rs-space-2)' }}>\n          {leadingIcon && (\n            <span className={styles.leadingIcon} aria-hidden=\"true\">\n              {leadingIcon}\n            </span>\n          )}\n          <Text size={2} weight=\"normal\">\n            {label}\n          </Text>\n        </Flex>\n        <Select defaultValue={operation} onValueChange={setOperation} aria-labelledby={`${label}-label`}>\n          <Select.Trigger className={styles.operation} variant=\"filter\" aria-label={`${label} filter operation`}>\n            <span className={styles.operationText}>{operation}</span>\n          </Select.Trigger>\n          <Select.Content data-variant=\"filter\">\n            {operationOptions.map((opt) => (\n              <Select.Item key={opt.value} value={opt.value} aria-label={`Filter ${label} ${opt.label}`}>\n                {opt.label}\n              </Select.Item>\n            ))}\n          </Select.Content>\n        </Select>\n        {renderValueInput()}\n          <div className={styles.removeIconContainer} \n            role=\"button\"\n            tabIndex={0}\n            aria-label={`Remove ${label} filter`}\n          >\n            <Cross1Icon \n              className={styles.removeIcon}\n              onClick={onRemove}\n            />\n          </div>\n      </Flex>\n    </Box>\n  );\n};\n\nFilterChip.displayName = \"FilterChip\";\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/v1/components/filter-chip/filter-chip.module.css.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"chip":"filter-chip-module_chip__Xtd92","operation":"filter-chip-module_operation__Iz7zn","operationText":"filter-chip-module_operationText__K1q9g","value":"filter-chip-module_value__IFHoO","removeIconContainer":"filter-chip-module_removeIconContainer__UeW6o","removeIcon":"filter-chip-module_removeIcon__bFszf","selectValue":"filter-chip-module_selectValue__PfhJJ","leadingIcon":"filter-chip-module_leadingIcon__GIwM2","textFieldWrapper":"filter-chip-module_textFieldWrapper__nnPsW","textField":"filter-chip-module_textField__mAkGW","dateFieldWrapper":"filter-chip-module_dateFieldWrapper__9R6q3","dateField":"filter-chip-module_dateField__5bfrR"};
+
+exports.default = styles;
+//# sourceMappingURL=filter-chip.module.css.cjs.map

package/dist/v1/components/filter-chip/filter-chip.module.css.cjs.map

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

package/dist/v1/components/filter-chip/filter-chip.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"chip":"filter-chip-module_chip__Xtd92","operation":"filter-chip-module_operation__Iz7zn","operationText":"filter-chip-module_operationText__K1q9g","value":"filter-chip-module_value__IFHoO","removeIconContainer":"filter-chip-module_removeIconContainer__UeW6o","removeIcon":"filter-chip-module_removeIcon__bFszf","selectValue":"filter-chip-module_selectValue__PfhJJ","leadingIcon":"filter-chip-module_leadingIcon__GIwM2","textFieldWrapper":"filter-chip-module_textFieldWrapper__nnPsW","textField":"filter-chip-module_textField__mAkGW","dateFieldWrapper":"filter-chip-module_dateFieldWrapper__9R6q3","dateField":"filter-chip-module_dateField__5bfrR"};
+
+export { styles as default };
+//# sourceMappingURL=filter-chip.module.css.js.map

package/dist/v1/components/filter-chip/filter-chip.module.css.js.map

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

package/dist/v1/components/filter-chip/index.d.ts

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

package/dist/v1/components/filter-chip/index.d.ts.map

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

package/dist/v1/components/image/image.cjs

@@ -0,0 +1,43 @@
+'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 image_module = require('./image.module.css.cjs');
+
+const image = index.cva(image_module.default.image, {
+    variants: {
+        fit: {
+            contain: image_module.default["image-contain"],
+            cover: image_module.default["image-cover"],
+            fill: image_module.default["image-fill"],
+        },
+        radius: {
+            none: image_module.default["image-radius-none"],
+            small: image_module.default["image-radius-small"],
+            medium: image_module.default["image-radius-medium"],
+            full: image_module.default["image-radius-full"],
+        }
+    },
+    defaultVariants: {
+        fit: "cover",
+        radius: "none"
+    }
+});
+function Image({ alt = "", className, fit, radius, fallback, onError, width, height, style, loading = "lazy", decoding = "async", ...props }) {
+    const handleError = (event) => {
+        if (fallback) {
+            event.currentTarget.src = fallback;
+        }
+        onError?.(event);
+    };
+    const imageStyle = {
+        width: width,
+        height: height,
+        ...style
+    };
+    return (jsxRuntime.jsxRuntimeExports.jsx("img", { alt: alt, className: image({ fit, radius, className }), onError: handleError, style: imageStyle, loading: loading, decoding: decoding, ...props, role: "img", "aria-label": alt }));
+}
+Image.displayName = "Image";
+
+exports.Image = Image;
+//# sourceMappingURL=image.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image.cjs","sources":["../../../../v1/components/image/image.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ImgHTMLAttributes } from \"react\";\nimport styles from \"./image.module.css\";\n\nconst image = cva(styles.image, {\n  variants: {\n    fit: {\n      contain: styles[\"image-contain\"],\n      cover: styles[\"image-cover\"],\n      fill: styles[\"image-fill\"],\n    },\n    radius: {\n      none: styles[\"image-radius-none\"],\n      small: styles[\"image-radius-small\"],\n      medium: styles[\"image-radius-medium\"],\n      full: styles[\"image-radius-full\"],\n    }\n  },\n  defaultVariants: {\n    fit: \"cover\",\n    radius: \"none\"\n  }\n});\n\ninterface ImageProps \n  extends ImgHTMLAttributes<HTMLImageElement>,\n    VariantProps<typeof image> {\n  fallback?: string;\n  width?: string | number;\n  height?: string | number;\n}\n\nexport function Image({ \n  alt = \"\",\n  className,\n  fit,\n  radius,\n  fallback,\n  onError,\n  width,\n  height,\n  style,\n  loading = \"lazy\",\n  decoding = \"async\",\n  ...props \n}: ImageProps) {\n  const handleError = (event: React.SyntheticEvent<HTMLImageElement, Event>) => {\n    if (fallback) {\n      event.currentTarget.src = fallback;\n    }\n    onError?.(event);\n  };\n\n  const imageStyle = {\n    width: width,\n    height: height,\n    ...style\n  };\n\n  return (\n    <img \n      alt={alt}\n      className={image({ fit, radius, className })}\n      onError={handleError}\n      style={imageStyle}\n      loading={loading}\n      decoding={decoding}\n      {...props}\n      role=\"img\"\n      aria-label={alt}\n    />\n  );\n}\n\nImage.displayName = \"Image\"; "],"names":["cva","styles","_jsx"],"mappings":";;;;;;AAIA,MAAM,KAAK,GAAGA,SAAG,CAACC,oBAAM,CAAC,KAAK,EAAE;AAC9B,IAAA,QAAQ,EAAE;AACR,QAAA,GAAG,EAAE;AACH,YAAA,OAAO,EAAEA,oBAAM,CAAC,eAAe,CAAC;AAChC,YAAA,KAAK,EAAEA,oBAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,IAAI,EAAEA,oBAAM,CAAC,YAAY,CAAC;AAC3B,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAEA,oBAAM,CAAC,mBAAmB,CAAC;AACjC,YAAA,KAAK,EAAEA,oBAAM,CAAC,oBAAoB,CAAC;AACnC,YAAA,MAAM,EAAEA,oBAAM,CAAC,qBAAqB,CAAC;AACrC,YAAA,IAAI,EAAEA,oBAAM,CAAC,mBAAmB,CAAC;AAClC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACF,CAAA,CAAC,CAAC;AAUa,SAAA,KAAK,CAAC,EACpB,GAAG,GAAG,EAAE,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,OAAO,EAClB,GAAG,KAAK,EACG,EAAA;AACX,IAAA,MAAM,WAAW,GAAG,CAAC,KAAoD,KAAI;QAC3E,IAAI,QAAQ,EAAE;AACZ,YAAA,KAAK,CAAC,aAAa,CAAC,GAAG,GAAG,QAAQ,CAAC;SACpC;AACD,QAAA,OAAO,GAAG,KAAK,CAAC,CAAC;AACnB,KAAC,CAAC;AAEF,IAAA,MAAM,UAAU,GAAG;AACjB,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,GAAG,KAAK;KACT,CAAC;IAEF,QACEC,0CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAC5C,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,KACd,KAAK,EACT,IAAI,EAAC,KAAK,gBACE,GAAG,EAAA,CACf,EACF;AACJ,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

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

@@ -0,0 +1,17 @@
+import { type VariantProps } from "class-variance-authority";
+import { ImgHTMLAttributes } from "react";
+declare const image: (props?: ({
+    fit?: "fill" | "contain" | "cover" | null | undefined;
+    radius?: "small" | "medium" | "none" | "full" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface ImageProps extends ImgHTMLAttributes<HTMLImageElement>, VariantProps<typeof image> {
+    fallback?: string;
+    width?: string | number;
+    height?: string | number;
+}
+export declare function Image({ alt, className, fit, radius, fallback, onError, width, height, style, loading, decoding, ...props }: ImageProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Image {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=image.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../../v1/components/image/image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1C,QAAA,MAAM,KAAK;;;mFAkBT,CAAC;AAEH,UAAU,UACR,SAAQ,iBAAiB,CAAC,gBAAgB,CAAC,EACzC,YAAY,CAAC,OAAO,KAAK,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,wBAAgB,KAAK,CAAC,EACpB,GAAQ,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAgB,EAChB,QAAkB,EAClB,GAAG,KAAK,EACT,EAAE,UAAU,2CA2BZ;yBAxCe,KAAK"}

package/dist/v1/components/image/image.js

@@ -0,0 +1,41 @@
+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 './image.module.css.js';
+
+const image = cva(styles.image, {
+    variants: {
+        fit: {
+            contain: styles["image-contain"],
+            cover: styles["image-cover"],
+            fill: styles["image-fill"],
+        },
+        radius: {
+            none: styles["image-radius-none"],
+            small: styles["image-radius-small"],
+            medium: styles["image-radius-medium"],
+            full: styles["image-radius-full"],
+        }
+    },
+    defaultVariants: {
+        fit: "cover",
+        radius: "none"
+    }
+});
+function Image({ alt = "", className, fit, radius, fallback, onError, width, height, style, loading = "lazy", decoding = "async", ...props }) {
+    const handleError = (event) => {
+        if (fallback) {
+            event.currentTarget.src = fallback;
+        }
+        onError?.(event);
+    };
+    const imageStyle = {
+        width: width,
+        height: height,
+        ...style
+    };
+    return (jsxRuntimeExports.jsx("img", { alt: alt, className: image({ fit, radius, className }), onError: handleError, style: imageStyle, loading: loading, decoding: decoding, ...props, role: "img", "aria-label": alt }));
+}
+Image.displayName = "Image";
+
+export { Image };
+//# sourceMappingURL=image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sources":["../../../../v1/components/image/image.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ImgHTMLAttributes } from \"react\";\nimport styles from \"./image.module.css\";\n\nconst image = cva(styles.image, {\n  variants: {\n    fit: {\n      contain: styles[\"image-contain\"],\n      cover: styles[\"image-cover\"],\n      fill: styles[\"image-fill\"],\n    },\n    radius: {\n      none: styles[\"image-radius-none\"],\n      small: styles[\"image-radius-small\"],\n      medium: styles[\"image-radius-medium\"],\n      full: styles[\"image-radius-full\"],\n    }\n  },\n  defaultVariants: {\n    fit: \"cover\",\n    radius: \"none\"\n  }\n});\n\ninterface ImageProps \n  extends ImgHTMLAttributes<HTMLImageElement>,\n    VariantProps<typeof image> {\n  fallback?: string;\n  width?: string | number;\n  height?: string | number;\n}\n\nexport function Image({ \n  alt = \"\",\n  className,\n  fit,\n  radius,\n  fallback,\n  onError,\n  width,\n  height,\n  style,\n  loading = \"lazy\",\n  decoding = \"async\",\n  ...props \n}: ImageProps) {\n  const handleError = (event: React.SyntheticEvent<HTMLImageElement, Event>) => {\n    if (fallback) {\n      event.currentTarget.src = fallback;\n    }\n    onError?.(event);\n  };\n\n  const imageStyle = {\n    width: width,\n    height: height,\n    ...style\n  };\n\n  return (\n    <img \n      alt={alt}\n      className={image({ fit, radius, className })}\n      onError={handleError}\n      style={imageStyle}\n      loading={loading}\n      decoding={decoding}\n      {...props}\n      role=\"img\"\n      aria-label={alt}\n    />\n  );\n}\n\nImage.displayName = \"Image\"; "],"names":["_jsx"],"mappings":";;;;AAIA,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE;AAC9B,IAAA,QAAQ,EAAE;AACR,QAAA,GAAG,EAAE;AACH,YAAA,OAAO,EAAE,MAAM,CAAC,eAAe,CAAC;AAChC,YAAA,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,IAAI,EAAE,MAAM,CAAC,YAAY,CAAC;AAC3B,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACjC,YAAA,KAAK,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACnC,YAAA,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACrC,YAAA,IAAI,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAClC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACF,CAAA,CAAC,CAAC;AAUa,SAAA,KAAK,CAAC,EACpB,GAAG,GAAG,EAAE,EACR,SAAS,EACT,GAAG,EACH,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,OAAO,EAClB,GAAG,KAAK,EACG,EAAA;AACX,IAAA,MAAM,WAAW,GAAG,CAAC,KAAoD,KAAI;QAC3E,IAAI,QAAQ,EAAE;AACZ,YAAA,KAAK,CAAC,aAAa,CAAC,GAAG,GAAG,QAAQ,CAAC;SACpC;AACD,QAAA,OAAO,GAAG,KAAK,CAAC,CAAC;AACnB,KAAC,CAAC;AAEF,IAAA,MAAM,UAAU,GAAG;AACjB,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,GAAG,KAAK;KACT,CAAC;IAEF,QACEA,+BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAC5C,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,KACd,KAAK,EACT,IAAI,EAAC,KAAK,gBACE,GAAG,EAAA,CACf,EACF;AACJ,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"image":"image-module_image__wDMVx","image-contain":"image-module_image-contain__mMaK3","image-cover":"image-module_image-cover__v-MbT","image-fill":"image-module_image-fill__Yvui7","image-radius-none":"image-module_image-radius-none__OgDIa","image-radius-small":"image-module_image-radius-small__sJA62","image-radius-medium":"image-module_image-radius-medium__e2Nh7","image-radius-full":"image-module_image-radius-full__oRvV9","image___contain":"image-module_image-contain__mMaK3","image___cover":"image-module_image-cover__v-MbT","image___fill":"image-module_image-fill__Yvui7","image___radius___none":"image-module_image-radius-none__OgDIa","image___radius___small":"image-module_image-radius-small__sJA62","image___radius___medium":"image-module_image-radius-medium__e2Nh7","image___radius___full":"image-module_image-radius-full__oRvV9"};
+
+exports.default = styles;
+//# sourceMappingURL=image.module.css.cjs.map

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

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

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

@@ -0,0 +1,4 @@
+var styles = {"image":"image-module_image__wDMVx","image-contain":"image-module_image-contain__mMaK3","image-cover":"image-module_image-cover__v-MbT","image-fill":"image-module_image-fill__Yvui7","image-radius-none":"image-module_image-radius-none__OgDIa","image-radius-small":"image-module_image-radius-small__sJA62","image-radius-medium":"image-module_image-radius-medium__e2Nh7","image-radius-full":"image-module_image-radius-full__oRvV9","image___contain":"image-module_image-contain__mMaK3","image___cover":"image-module_image-cover__v-MbT","image___fill":"image-module_image-fill__Yvui7","image___radius___none":"image-module_image-radius-none__OgDIa","image___radius___small":"image-module_image-radius-small__sJA62","image___radius___medium":"image-module_image-radius-medium__e2Nh7","image___radius___full":"image-module_image-radius-full__oRvV9"};
+
+export { styles as default };
+//# sourceMappingURL=image.module.css.js.map

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"input-field.cjs","sources":["../../../../v1/components/input-field/input-field.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport clsx from \"clsx\";\nimport { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport { Chip } from \"../chip\";\nimport styles from \"./input-field.module.css\";\n\n// Todo: Add a dropdown and chip support\n\nconst inputWrapper = cva(styles.inputWrapper, {\n  variants: {\n    size: {\n      small: styles[\"size-small\"],\n      large: styles[\"size-large\"],\n    }\n  },\n  defaultVariants: {\n    size: \"large\",\n  }\n});\n\nexport interface InputFieldProps\n  extends Omit<ComponentPropsWithoutRef<\"input\">, \"error\" | \"size\">,\n    VariantProps<typeof inputWrapper> {\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  chips?: Array<{ label: string; onRemove?: () => void }>;\n  maxChipsVisible?: number;\n  ref?: React.RefObject<HTMLInputElement>;\n}\n\nexport const InputField = ({ \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  chips,\n  maxChipsVisible = 2,\n  ref,\n  size,\n  ...props \n}: InputFieldProps) => {\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 \n        className={clsx(\n          inputWrapper({ size, className }),\n          chips?.length && styles['has-chips']\n        )}\n      >\n        {leadingIcon && <span className={styles['leading-icon']}>{leadingIcon}</span>}\n        {prefix && <span className={styles.prefix}>{prefix}</span>}\n        <div className={styles['chip-input-container']}>\n          {chips?.slice(0, maxChipsVisible).map((chip, index) => (\n            <Chip\n              key={index}\n              variant=\"outline\"\n              isDismissible={!!chip.onRemove}\n              onDismiss={chip.onRemove}\n              className={styles.chip}\n            >\n              {chip.label}\n            </Chip>\n          ))}\n          {chips && chips.length > maxChipsVisible && (\n            <span className={styles['chip-overflow']}>\n              +{chips.length - maxChipsVisible}\n            </span>\n          )}\n          <input\n            ref={ref}\n            className={clsx(\n              styles['input-field'],\n              leadingIcon && styles['has-leading-icon'],\n              trailingIcon && styles['has-trailing-icon'],\n              prefix && styles['has-prefix'],\n              suffix && styles['has-suffix'],\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        </div>\n        {suffix && <span className={styles.suffix}>{suffix}</span>}\n        {trailingIcon && <span className={styles['trailing-icon']}>{trailingIcon}</span>}\n      </div>\n      {(error || helperText) && (\n        <span \n          className={clsx(\n            styles['helper-text'], \n            error && styles['helper-text-error'],\n            disabled && styles['helper-text-disabled']\n          )}\n        >\n          {error || helperText}\n        </span>\n      )}\n    </div>\n  );\n};\n\nInputField.displayName = \"InputField\";"],"names":["cva","styles","_jsxs","clsx","_jsx","chip","Chip"],"mappings":"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"}
+{"version":3,"file":"input-field.cjs","sources":["../../../../v1/components/input-field/input-field.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport clsx from \"clsx\";\nimport { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { Chip } from \"../chip\";\nimport styles from \"./input-field.module.css\";\n\n// Todo: Add a dropdown and chip support\n\nconst inputWrapper = cva(styles.inputWrapper, {\n  variants: {\n    size: {\n      small: styles[\"size-small\"],\n      large: styles[\"size-large\"],\n    }\n  },\n  defaultVariants: {\n    size: \"large\",\n  }\n});\n\nexport interface InputFieldProps\n  extends Omit<ComponentPropsWithoutRef<\"input\">, \"error\" | \"size\">,\n    VariantProps<typeof inputWrapper> {\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  chips?: Array<{ label: string; onRemove?: () => void }>;\n  maxChipsVisible?: number;\n  ref?: React.RefObject<HTMLInputElement>;\n}\n\nexport const InputField = ({ \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  chips,\n  maxChipsVisible = 2,\n  ref,\n  size,\n  ...props \n}: InputFieldProps) => {\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 \n        className={clsx(\n          inputWrapper({ size, className }),\n          chips?.length && styles['has-chips']\n        )}\n      >\n        {leadingIcon && <span className={styles['leading-icon']}>{leadingIcon}</span>}\n        {prefix && <span className={styles.prefix}>{prefix}</span>}\n        <div className={styles['chip-input-container']}>\n          {chips?.slice(0, maxChipsVisible).map((chip, index) => (\n            <Chip\n              key={index}\n              variant=\"outline\"\n              isDismissible={!!chip.onRemove}\n              onDismiss={chip.onRemove}\n              className={styles.chip}\n            >\n              {chip.label}\n            </Chip>\n          ))}\n          {chips && chips.length > maxChipsVisible && (\n            <span className={styles['chip-overflow']}>\n              +{chips.length - maxChipsVisible}\n            </span>\n          )}\n          <input\n            ref={ref}\n            className={clsx(\n              styles['input-field'],\n              leadingIcon && styles['has-leading-icon'],\n              trailingIcon && styles['has-trailing-icon'],\n              prefix && styles['has-prefix'],\n              suffix && styles['has-suffix'],\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        </div>\n        {suffix && <span className={styles.suffix}>{suffix}</span>}\n        {trailingIcon && <span className={styles['trailing-icon']}>{trailingIcon}</span>}\n      </div>\n      {(error || helperText) && (\n        <span \n          className={clsx(\n            styles['helper-text'], \n            error && styles['helper-text-error'],\n            disabled && styles['helper-text-disabled']\n          )}\n        >\n          {error || helperText}\n        </span>\n      )}\n    </div>\n  );\n};\n\nInputField.displayName = \"InputField\";"],"names":["cva","styles","_jsxs","clsx","_jsx","chip","Chip"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../../../v1/components/input-field/input-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM5D,QAAA,MAAM,YAAY;;mFAUhB,CAAC;AAEH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,EAC/D,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,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;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC;IACxD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;CACzC;AAED,eAAO,MAAM,UAAU;8KAkBpB,eAAe;;CAoEjB,CAAC"}
+{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../../../v1/components/input-field/input-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO5D,QAAA,MAAM,YAAY;;mFAUhB,CAAC;AAEH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,EAC/D,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,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;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC;IACxD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;CACzC;AAED,eAAO,MAAM,UAAU;8KAkBpB,eAAe;;CAoEjB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"input-field.js","sources":["../../../../v1/components/input-field/input-field.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport clsx from \"clsx\";\nimport { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport { Chip } from \"../chip\";\nimport styles from \"./input-field.module.css\";\n\n// Todo: Add a dropdown and chip support\n\nconst inputWrapper = cva(styles.inputWrapper, {\n  variants: {\n    size: {\n      small: styles[\"size-small\"],\n      large: styles[\"size-large\"],\n    }\n  },\n  defaultVariants: {\n    size: \"large\",\n  }\n});\n\nexport interface InputFieldProps\n  extends Omit<ComponentPropsWithoutRef<\"input\">, \"error\" | \"size\">,\n    VariantProps<typeof inputWrapper> {\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  chips?: Array<{ label: string; onRemove?: () => void }>;\n  maxChipsVisible?: number;\n  ref?: React.RefObject<HTMLInputElement>;\n}\n\nexport const InputField = ({ \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  chips,\n  maxChipsVisible = 2,\n  ref,\n  size,\n  ...props \n}: InputFieldProps) => {\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 \n        className={clsx(\n          inputWrapper({ size, className }),\n          chips?.length && styles['has-chips']\n        )}\n      >\n        {leadingIcon && <span className={styles['leading-icon']}>{leadingIcon}</span>}\n        {prefix && <span className={styles.prefix}>{prefix}</span>}\n        <div className={styles['chip-input-container']}>\n          {chips?.slice(0, maxChipsVisible).map((chip, index) => (\n            <Chip\n              key={index}\n              variant=\"outline\"\n              isDismissible={!!chip.onRemove}\n              onDismiss={chip.onRemove}\n              className={styles.chip}\n            >\n              {chip.label}\n            </Chip>\n          ))}\n          {chips && chips.length > maxChipsVisible && (\n            <span className={styles['chip-overflow']}>\n              +{chips.length - maxChipsVisible}\n            </span>\n          )}\n          <input\n            ref={ref}\n            className={clsx(\n              styles['input-field'],\n              leadingIcon && styles['has-leading-icon'],\n              trailingIcon && styles['has-trailing-icon'],\n              prefix && styles['has-prefix'],\n              suffix && styles['has-suffix'],\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        </div>\n        {suffix && <span className={styles.suffix}>{suffix}</span>}\n        {trailingIcon && <span className={styles['trailing-icon']}>{trailingIcon}</span>}\n      </div>\n      {(error || helperText) && (\n        <span \n          className={clsx(\n            styles['helper-text'], \n            error && styles['helper-text-error'],\n            disabled && styles['helper-text-disabled']\n          )}\n        >\n          {error || helperText}\n        </span>\n      )}\n    </div>\n  );\n};\n\nInputField.displayName = \"InputField\";"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"input-field.js","sources":["../../../../v1/components/input-field/input-field.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport clsx from \"clsx\";\nimport { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { Chip } from \"../chip\";\nimport styles from \"./input-field.module.css\";\n\n// Todo: Add a dropdown and chip support\n\nconst inputWrapper = cva(styles.inputWrapper, {\n  variants: {\n    size: {\n      small: styles[\"size-small\"],\n      large: styles[\"size-large\"],\n    }\n  },\n  defaultVariants: {\n    size: \"large\",\n  }\n});\n\nexport interface InputFieldProps\n  extends Omit<ComponentPropsWithoutRef<\"input\">, \"error\" | \"size\">,\n    VariantProps<typeof inputWrapper> {\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  chips?: Array<{ label: string; onRemove?: () => void }>;\n  maxChipsVisible?: number;\n  ref?: React.RefObject<HTMLInputElement>;\n}\n\nexport const InputField = ({ \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  chips,\n  maxChipsVisible = 2,\n  ref,\n  size,\n  ...props \n}: InputFieldProps) => {\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 \n        className={clsx(\n          inputWrapper({ size, className }),\n          chips?.length && styles['has-chips']\n        )}\n      >\n        {leadingIcon && <span className={styles['leading-icon']}>{leadingIcon}</span>}\n        {prefix && <span className={styles.prefix}>{prefix}</span>}\n        <div className={styles['chip-input-container']}>\n          {chips?.slice(0, maxChipsVisible).map((chip, index) => (\n            <Chip\n              key={index}\n              variant=\"outline\"\n              isDismissible={!!chip.onRemove}\n              onDismiss={chip.onRemove}\n              className={styles.chip}\n            >\n              {chip.label}\n            </Chip>\n          ))}\n          {chips && chips.length > maxChipsVisible && (\n            <span className={styles['chip-overflow']}>\n              +{chips.length - maxChipsVisible}\n            </span>\n          )}\n          <input\n            ref={ref}\n            className={clsx(\n              styles['input-field'],\n              leadingIcon && styles['has-leading-icon'],\n              trailingIcon && styles['has-trailing-icon'],\n              prefix && styles['has-prefix'],\n              suffix && styles['has-suffix'],\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        </div>\n        {suffix && <span className={styles.suffix}>{suffix}</span>}\n        {trailingIcon && <span className={styles['trailing-icon']}>{trailingIcon}</span>}\n      </div>\n      {(error || helperText) && (\n        <span \n          className={clsx(\n            styles['helper-text'], \n            error && styles['helper-text-error'],\n            disabled && styles['helper-text-disabled']\n          )}\n        >\n          {error || helperText}\n        </span>\n      )}\n    </div>\n  );\n};\n\nInputField.displayName = \"InputField\";"],"names":["_jsxs","_jsx"],"mappings":"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"}

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

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

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

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

package/dist/v1/components/link/link.cjs

@@ -0,0 +1,74 @@
+'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 text_module = require('../text/text.module.css.cjs');
+var link_module = require('./link.module.css.cjs');
+
+const link = index.cva([link_module.default.link], {
+    variants: {
+        variant: {
+            primary: text_module.default["text-primary"],
+            secondary: text_module.default["text-secondary"],
+            tertiary: text_module.default["text-tertiary"],
+            emphasis: text_module.default["text-emphasis"],
+            accent: text_module.default["text-accent"],
+            attention: text_module.default["text-attention"],
+            danger: text_module.default["text-danger"],
+            success: text_module.default["text-success"],
+        },
+        size: {
+            1: text_module.default["text-1"],
+            2: text_module.default["text-2"],
+            3: text_module.default["text-3"],
+            4: text_module.default["text-4"],
+            5: text_module.default["text-5"],
+            6: text_module.default["text-6"],
+            7: text_module.default["text-7"],
+            8: text_module.default["text-8"],
+            9: text_module.default["text-9"],
+            10: text_module.default["text-10"],
+        },
+        weight: {
+            bold: text_module.default["text-weight-bold"],
+            bolder: text_module.default["text-weight-bolder"],
+            normal: text_module.default["text-weight-normal"],
+            lighter: text_module.default["text-weight-lighter"],
+            100: text_module.default["text-weight-100"],
+            200: text_module.default["text-weight-200"],
+            300: text_module.default["text-weight-300"],
+            400: text_module.default["text-weight-400"],
+            500: text_module.default["text-weight-500"],
+            600: text_module.default["text-weight-600"],
+            700: text_module.default["text-weight-700"],
+            800: text_module.default["text-weight-800"],
+            900: text_module.default["text-weight-900"],
+        },
+        underline: {
+            true: link_module.default["link-underline"],
+        },
+    },
+    defaultVariants: {
+        variant: "accent",
+        size: 2,
+        weight: 400,
+        underline: false,
+    },
+});
+const Link = React.forwardRef(({ className, children, href, size, weight, variant, underline, external, download, rel, hrefLang, "aria-label": ariaLabel, ...props }, ref) => {
+    const externalProps = external ? {
+        target: "_blank",
+        rel: "noopener noreferrer",
+        "aria-label": ariaLabel || `${children} (opens in new tab)`
+    } : {};
+    const downloadProps = download ? {
+        download: typeof download === "string" ? download : true,
+        "aria-label": ariaLabel || `${children} (download)`
+    } : {};
+    return (jsxRuntime.jsxRuntimeExports.jsx("a", { ref: ref, className: link({ size, weight, variant, underline, className }), href: href, hrefLang: hrefLang, rel: rel, role: "link", ...externalProps, ...downloadProps, ...props, children: children }));
+});
+Link.displayName = "Link";
+
+exports.Link = Link;
+//# sourceMappingURL=link.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link.cjs","sources":["../../../../v1/components/link/link.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { AnchorHTMLAttributes, forwardRef } from \"react\";\n\nimport textStyles from \"../text/text.module.css\";\nimport styles from \"./link.module.css\";\n\nconst link = cva([styles.link], {\n  variants: {\n    variant: {\n      primary: textStyles[\"text-primary\"],\n      secondary: textStyles[\"text-secondary\"],\n      tertiary: textStyles[\"text-tertiary\"],\n      emphasis: textStyles[\"text-emphasis\"],\n      accent: textStyles[\"text-accent\"],\n      attention: textStyles[\"text-attention\"],\n      danger: textStyles[\"text-danger\"],\n      success: textStyles[\"text-success\"],\n    },\n    size: {\n      1: textStyles[\"text-1\"],\n      2: textStyles[\"text-2\"],\n      3: textStyles[\"text-3\"],\n      4: textStyles[\"text-4\"],\n      5: textStyles[\"text-5\"],\n      6: textStyles[\"text-6\"],\n      7: textStyles[\"text-7\"],\n      8: textStyles[\"text-8\"],\n      9: textStyles[\"text-9\"],\n      10: textStyles[\"text-10\"],\n    },\n    weight: {\n      bold: textStyles[\"text-weight-bold\"],\n      bolder: textStyles[\"text-weight-bolder\"],\n      normal: textStyles[\"text-weight-normal\"],\n      lighter: textStyles[\"text-weight-lighter\"],\n      100: textStyles[\"text-weight-100\"],\n      200: textStyles[\"text-weight-200\"],\n      300: textStyles[\"text-weight-300\"],\n      400: textStyles[\"text-weight-400\"],\n      500: textStyles[\"text-weight-500\"],\n      600: textStyles[\"text-weight-600\"],\n      700: textStyles[\"text-weight-700\"],\n      800: textStyles[\"text-weight-800\"],\n      900: textStyles[\"text-weight-900\"],\n    },\n    underline: {\n      true: styles[\"link-underline\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"accent\",\n    size: 2,\n    weight: 400,\n    underline: false,\n  },\n});\n\nexport interface LinkProps\n  extends AnchorHTMLAttributes<HTMLAnchorElement>,\n    VariantProps<typeof link> {\n  href: string;\n  external?: boolean;\n  download?: boolean | string;\n  rel?: string;\n  hrefLang?: string;\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      className,\n      children,\n      href,\n      size,\n      weight,\n      variant,\n      underline,\n      external,\n      download,\n      rel,\n      hrefLang,\n      \"aria-label\": ariaLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const externalProps = external ? {\n      target: \"_blank\",\n      rel: \"noopener noreferrer\",\n      \"aria-label\": ariaLabel || `${children} (opens in new tab)`\n    } : {};\n\n    const downloadProps = download ? {\n      download: typeof download === \"string\" ? download : true,\n      \"aria-label\": ariaLabel || `${children} (download)`\n    } : {};\n\n    return (\n      <a\n        ref={ref}\n        className={link({ size, weight, variant, underline, className })}\n        href={href}\n        hrefLang={hrefLang}\n        rel={rel}\n        role=\"link\"\n        {...externalProps}\n        {...downloadProps}\n        {...props}\n      >\n        {children}\n      </a>\n    );\n  }\n);\n\nLink.displayName = \"Link\"; "],"names":["cva","styles","textStyles","forwardRef","_jsx"],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+import { type VariantProps } from "class-variance-authority";
+import { AnchorHTMLAttributes } from "react";
+declare const link: (props?: ({
+    variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
+    size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | null | undefined;
+    weight?: "bold" | "bolder" | "normal" | "lighter" | 400 | 100 | 200 | 300 | 500 | 600 | 700 | 800 | 900 | null | undefined;
+    underline?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof link> {
+    href: string;
+    external?: boolean;
+    download?: boolean | string;
+    rel?: string;
+    hrefLang?: string;
+}
+export declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export {};
+//# sourceMappingURL=link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../v1/components/link/link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAc,MAAM,OAAO,CAAC;AAKzD,QAAA,MAAM,IAAI;;;;;mFAiDR,CAAC;AAEH,MAAM,WAAW,SACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,YAAY,CAAC,OAAO,IAAI,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,IAAI,yGA8ChB,CAAC"}

package/dist/v1/components/link/link.js

@@ -0,0 +1,72 @@
+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 textStyles from '../text/text.module.css.js';
+import styles from './link.module.css.js';
+
+const link = cva([styles.link], {
+    variants: {
+        variant: {
+            primary: textStyles["text-primary"],
+            secondary: textStyles["text-secondary"],
+            tertiary: textStyles["text-tertiary"],
+            emphasis: textStyles["text-emphasis"],
+            accent: textStyles["text-accent"],
+            attention: textStyles["text-attention"],
+            danger: textStyles["text-danger"],
+            success: textStyles["text-success"],
+        },
+        size: {
+            1: textStyles["text-1"],
+            2: textStyles["text-2"],
+            3: textStyles["text-3"],
+            4: textStyles["text-4"],
+            5: textStyles["text-5"],
+            6: textStyles["text-6"],
+            7: textStyles["text-7"],
+            8: textStyles["text-8"],
+            9: textStyles["text-9"],
+            10: textStyles["text-10"],
+        },
+        weight: {
+            bold: textStyles["text-weight-bold"],
+            bolder: textStyles["text-weight-bolder"],
+            normal: textStyles["text-weight-normal"],
+            lighter: textStyles["text-weight-lighter"],
+            100: textStyles["text-weight-100"],
+            200: textStyles["text-weight-200"],
+            300: textStyles["text-weight-300"],
+            400: textStyles["text-weight-400"],
+            500: textStyles["text-weight-500"],
+            600: textStyles["text-weight-600"],
+            700: textStyles["text-weight-700"],
+            800: textStyles["text-weight-800"],
+            900: textStyles["text-weight-900"],
+        },
+        underline: {
+            true: styles["link-underline"],
+        },
+    },
+    defaultVariants: {
+        variant: "accent",
+        size: 2,
+        weight: 400,
+        underline: false,
+    },
+});
+const Link = forwardRef(({ className, children, href, size, weight, variant, underline, external, download, rel, hrefLang, "aria-label": ariaLabel, ...props }, ref) => {
+    const externalProps = external ? {
+        target: "_blank",
+        rel: "noopener noreferrer",
+        "aria-label": ariaLabel || `${children} (opens in new tab)`
+    } : {};
+    const downloadProps = download ? {
+        download: typeof download === "string" ? download : true,
+        "aria-label": ariaLabel || `${children} (download)`
+    } : {};
+    return (jsxRuntimeExports.jsx("a", { ref: ref, className: link({ size, weight, variant, underline, className }), href: href, hrefLang: hrefLang, rel: rel, role: "link", ...externalProps, ...downloadProps, ...props, children: children }));
+});
+Link.displayName = "Link";
+
+export { Link };
+//# sourceMappingURL=link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sources":["../../../../v1/components/link/link.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { AnchorHTMLAttributes, forwardRef } from \"react\";\n\nimport textStyles from \"../text/text.module.css\";\nimport styles from \"./link.module.css\";\n\nconst link = cva([styles.link], {\n  variants: {\n    variant: {\n      primary: textStyles[\"text-primary\"],\n      secondary: textStyles[\"text-secondary\"],\n      tertiary: textStyles[\"text-tertiary\"],\n      emphasis: textStyles[\"text-emphasis\"],\n      accent: textStyles[\"text-accent\"],\n      attention: textStyles[\"text-attention\"],\n      danger: textStyles[\"text-danger\"],\n      success: textStyles[\"text-success\"],\n    },\n    size: {\n      1: textStyles[\"text-1\"],\n      2: textStyles[\"text-2\"],\n      3: textStyles[\"text-3\"],\n      4: textStyles[\"text-4\"],\n      5: textStyles[\"text-5\"],\n      6: textStyles[\"text-6\"],\n      7: textStyles[\"text-7\"],\n      8: textStyles[\"text-8\"],\n      9: textStyles[\"text-9\"],\n      10: textStyles[\"text-10\"],\n    },\n    weight: {\n      bold: textStyles[\"text-weight-bold\"],\n      bolder: textStyles[\"text-weight-bolder\"],\n      normal: textStyles[\"text-weight-normal\"],\n      lighter: textStyles[\"text-weight-lighter\"],\n      100: textStyles[\"text-weight-100\"],\n      200: textStyles[\"text-weight-200\"],\n      300: textStyles[\"text-weight-300\"],\n      400: textStyles[\"text-weight-400\"],\n      500: textStyles[\"text-weight-500\"],\n      600: textStyles[\"text-weight-600\"],\n      700: textStyles[\"text-weight-700\"],\n      800: textStyles[\"text-weight-800\"],\n      900: textStyles[\"text-weight-900\"],\n    },\n    underline: {\n      true: styles[\"link-underline\"],\n    },\n  },\n  defaultVariants: {\n    variant: \"accent\",\n    size: 2,\n    weight: 400,\n    underline: false,\n  },\n});\n\nexport interface LinkProps\n  extends AnchorHTMLAttributes<HTMLAnchorElement>,\n    VariantProps<typeof link> {\n  href: string;\n  external?: boolean;\n  download?: boolean | string;\n  rel?: string;\n  hrefLang?: string;\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      className,\n      children,\n      href,\n      size,\n      weight,\n      variant,\n      underline,\n      external,\n      download,\n      rel,\n      hrefLang,\n      \"aria-label\": ariaLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const externalProps = external ? {\n      target: \"_blank\",\n      rel: \"noopener noreferrer\",\n      \"aria-label\": ariaLabel || `${children} (opens in new tab)`\n    } : {};\n\n    const downloadProps = download ? {\n      download: typeof download === \"string\" ? download : true,\n      \"aria-label\": ariaLabel || `${children} (download)`\n    } : {};\n\n    return (\n      <a\n        ref={ref}\n        className={link({ size, weight, variant, underline, className })}\n        href={href}\n        hrefLang={hrefLang}\n        rel={rel}\n        role=\"link\"\n        {...externalProps}\n        {...downloadProps}\n        {...props}\n      >\n        {children}\n      </a>\n    );\n  }\n);\n\nLink.displayName = \"Link\"; "],"names":["_jsx"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"link":"link-module_link__ulWU8","link-underline":"link-module_link-underline__KuTbM","link___underline":"link-module_link-underline__KuTbM"};
+
+exports.default = styles;
+//# sourceMappingURL=link.module.css.cjs.map

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

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

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

@@ -0,0 +1,4 @@
+var styles = {"link":"link-module_link__ulWU8","link-underline":"link-module_link-underline__KuTbM","link___underline":"link-module_link-underline__KuTbM"};
+
+export { styles as default };
+//# sourceMappingURL=link.module.css.js.map

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

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

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

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

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

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