@wallarm-org/design-system 0.25.0 → 0.26.0

package/dist/components/Checkmark/Checkmark.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { Check, CheckboxIndeterminate } from "../../icons/index.js";
 import { cn } from "../../utils/cn.js";
+import { CheckIcon, IndeterminateIcon } from "./icons/index.js";
 const Checkmark = ({ checkedState = false, ...props })=>/*#__PURE__*/ jsx("div", {
         className: cn('flex items-center justify-center self-start my-2', 'w-16 h-16', 'rounded-4 shadow-xs overlay transition-all data-focus-visible:ring-3', '[&_svg]:icon-sm [&_svg]:text-icon-primary-alt [&_svg]:shrink-0 [&_svg]:pointer-events-none', 'bg-bg-surface-3 border border-border-primary', '[&[data-hover]:not([data-active]):not([data-state=checked]):not([data-state=indeterminate])]:bg-states-primary-hover', '[&[data-active]:not([data-state=checked]):not([data-state=indeterminate])]:bg-states-primary-pressed', '[&[data-focus-visible]:not([data-state=checked]):not([data-state=indeterminate])]:ring-focus-primary', 'data-[state=checked]:bg-bg-fill-brand', 'data-[state=checked]:border-bg-fill-brand', 'data-[state=checked]:border-none', 'data-[state=indeterminate]:bg-bg-fill-brand', 'data-[state=indeterminate]:border-bg-fill-brand', 'data-[state=indeterminate]:border-none', '[&[data-hover]:not([data-active]):is([data-state=checked])]:overlay-states-on-fill-hover', '[&[data-hover]:not([data-active]):is([data-state=indeterminate])]:overlay-states-on-fill-hover', '[&[data-active][data-state=checked]]:overlay-states-on-fill-pressed', '[&[data-active][data-state=indeterminate]]:overlay-states-on-fill-pressed', '[&[data-focus-visible][data-state=checked]]:ring-focus-brand', '[&[data-focus-visible][data-state=indeterminate]]:ring-focus-brand'),
         "data-state": 'indeterminate' === checkedState ? 'indeterminate' : checkedState ? 'checked' : 'unchecked',
         ...props,
-        children: 'indeterminate' === checkedState ? /*#__PURE__*/ jsx(CheckboxIndeterminate, {}) : checkedState ? /*#__PURE__*/ jsx(Check, {}) : false
+        children: 'indeterminate' === checkedState ? /*#__PURE__*/ jsx(IndeterminateIcon, {}) : checkedState ? /*#__PURE__*/ jsx(CheckIcon, {}) : false
     });
 export { Checkmark };

package/dist/components/Checkmark/icons/CheckIcon.d.ts

@@ -0,0 +1,2 @@
+import type { FC, SVGProps } from 'react';
+export declare const CheckIcon: FC<SVGProps<SVGSVGElement>>;

package/dist/components/Checkmark/icons/CheckIcon.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+const CheckIcon = (props)=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        "aria-hidden": true,
+        focusable: false,
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M18.9395 4.93946C19.5253 4.35368 20.4748 4.35368 21.0606 4.93946C21.6462 5.52526 21.6463 6.47482 21.0606 7.06056L10.0606 18.0606C9.47485 18.6463 8.52529 18.6462 7.93949 18.0606L2.93949 13.0606C2.3537 12.4748 2.3537 11.5253 2.93949 10.9395C3.52528 10.3537 4.4748 10.3537 5.06058 10.9395L9.00004 14.8789L18.9395 4.93946Z",
+            fill: "currentColor"
+        })
+    });
+export { CheckIcon };

package/dist/components/Checkmark/icons/IndeterminateIcon.d.ts

@@ -0,0 +1,2 @@
+import type { FC, SVGProps } from 'react';
+export declare const IndeterminateIcon: FC<SVGProps<SVGSVGElement>>;

package/dist/components/Checkmark/icons/IndeterminateIcon.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+const IndeterminateIcon = (props)=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        "aria-hidden": true,
+        focusable: false,
+        ...props,
+        children: /*#__PURE__*/ jsx("rect", {
+            x: "3.5",
+            y: "10.5",
+            width: "17",
+            height: "3",
+            rx: "0.75",
+            fill: "currentColor"
+        })
+    });
+export { IndeterminateIcon };

package/dist/components/Checkmark/icons/index.d.ts

@@ -0,0 +1,2 @@
+export { CheckIcon } from './CheckIcon';
+export { IndeterminateIcon } from './IndeterminateIcon';

package/dist/components/Checkmark/icons/index.js

@@ -0,0 +1,3 @@
+import { CheckIcon } from "./CheckIcon.js";
+import { IndeterminateIcon } from "./IndeterminateIcon.js";
+export { CheckIcon, IndeterminateIcon };

package/dist/components/FilterInput/FilterInputErrors/parseFilterInputErrors.js

@@ -1,5 +1,5 @@
 import { isValidFieldValue } from "../hooks/useFilterInputAutocomplete/valueCommitHelpers.js";
-import { getFieldValues } from "../lib/index.js";
+import { getFieldValues, hasStaticAllowlist } from "../lib/index.js";
 const parseFilterInputErrors = (conditions, fields)=>{
     const errors = [];
     for (const condition of conditions){
@@ -11,7 +11,7 @@ const parseFilterInputErrors = (conditions, fields)=>{
                 errors.push(`Unknown field ${condition.field}`);
                 break;
             case 'value':
-                if (field && Array.isArray(condition.value)) {
+                if (field && hasStaticAllowlist(field) && Array.isArray(condition.value)) {
                     const fv = getFieldValues(field);
                     if (fv.length > 0) {
                         const invalidValues = condition.value.filter((v)=>!isValidFieldValue(fv, v));

package/dist/components/FilterInput/FilterInputMenu/FilterInputMenu.js

@@ -8,7 +8,8 @@ const FilterInputMenu = ({ fields, autocomplete })=>{
     const { inputText, menuState, selectedField, selectedOperator, menuPositioning, editingMultiValues, editingSingleValue, editingDateRange, inputRef, menuRef, handleFieldSelect, handleOperatorSelect, handleValueSelect, handleMultiCommit, handleRangeSelect, handleMenuClose, handleMenuDiscard, handleBuildingValueChange, segmentMenuFilterText, editingSegment, blurCommitRef } = autocomplete;
     const fieldFilterText = 'attribute' === editingSegment ? segmentMenuFilterText : inputText;
     const operatorFilterText = 'operator' === editingSegment ? segmentMenuFilterText : inputText;
-    const selectedFieldValues = selectedField ? getFieldValues(selectedField) : [];
+    const valueInputText = 'value' === editingSegment ? segmentMenuFilterText : inputText;
+    const selectedFieldValues = selectedField ? getFieldValues(selectedField, valueInputText) : [];
     const valueFilterText = getValueFilterText(editingSegment, inputText, segmentMenuFilterText, selectedOperator, selectedFieldValues);
     const showOperatorMenu = !!selectedField;
     const showValueMenu = !!selectedField && !!selectedOperator;

package/dist/components/FilterInput/FilterInputMenu/FilterInputValueMenu/ValueMenuItem.js

@@ -8,20 +8,15 @@ const ValueMenuItem = ({ option, isChecked, isPending, multiSelect, onSelect })=
         onSelect: onSelect,
         className: isPending ? 'bg-states-primary-hover' : void 0,
         children: [
-            option.badge ? /*#__PURE__*/ jsxs("div", {
+            option.badge ? /*#__PURE__*/ jsx("div", {
                 className: "flex items-center gap-4 px-6 py-2 rounded-4 text-xs font-medium max-w-[320px] min-h-[20px] overflow-clip",
                 style: {
                     backgroundColor: option.badge.color
                 },
-                children: [
-                    /*#__PURE__*/ jsx("div", {
-                        className: "size-6 rounded-full bg-current"
-                    }),
-                    /*#__PURE__*/ jsx("span", {
-                        className: "min-w-0 truncate leading-4",
-                        children: option.badge.text
-                    })
-                ]
+                children: /*#__PURE__*/ jsx("span", {
+                    className: "min-w-0 truncate leading-4",
+                    children: option.badge.text
+                })
             }) : /*#__PURE__*/ jsx("div", {
                 className: "min-w-0",
                 children: /*#__PURE__*/ jsx(Text, {

package/dist/components/FilterInput/hooks/useFilterInputAutocomplete/deriveAutocompleteValues.js

@@ -1,4 +1,4 @@
-import { chipIdToConditionIndex, getDateDisplayLabel, getFieldValues, getOperatorLabel, isMultiSelectOperator } from "../../lib/index.js";
+import { chipIdToConditionIndex, getDateDisplayLabel, getFieldValues, getOperatorLabel, hasStaticAllowlist, isMultiSelectOperator } from "../../lib/index.js";
 const getEditingCondition = (editingChipId, conditions)=>{
     if (!editingChipId) return null;
     const idx = chipIdToConditionIndex(editingChipId);
@@ -12,7 +12,7 @@ const deriveAutocompleteValues = ({ editingChipId, selectedField, selectedOperat
         const values = Array.isArray(editingCondition.value) ? editingCondition.value : null != editingCondition.value ? [
             editingCondition.value
         ] : [];
-        if (editingCondition.error && selectedField) {
+        if (editingCondition.error && selectedField && hasStaticAllowlist(selectedField)) {
             const fieldValues = getFieldValues(selectedField);
             if (fieldValues.length > 0) return values.filter((v)=>fieldValues.some((opt)=>opt.value === v));
         }

package/dist/components/FilterInput/hooks/useFilterInputAutocomplete/valueCommitHelpers.js

@@ -1,8 +1,9 @@
 import { MIN_DATE_STRING_LENGTH } from "../../FilterInputMenu/FilterInputDateValueMenu/constants.js";
-import { chipIdToConditionIndex, getFieldValues, isDatePreset } from "../../lib/index.js";
+import { chipIdToConditionIndex, getFieldValues, hasStaticAllowlist, isDatePreset } from "../../lib/index.js";
 const findMatchingFieldValue = (fieldValues, text)=>fieldValues.find((v)=>v.label.toLowerCase() === text.toLowerCase() || String(v.value).toLowerCase() === text.toLowerCase());
 const isValidFieldValue = (fieldValues, v)=>fieldValues.some((opt)=>opt.value === v || String(opt.value).toLowerCase() === String(v).toLowerCase());
 const getInvalidValueIndices = (field, values)=>{
+    if (!hasStaticAllowlist(field)) return [];
     const fv = getFieldValues(field);
     if (0 === fv.length) return [];
     return values.reduce((acc, v, idx)=>{
@@ -26,7 +27,7 @@ const resolveSingleValue = (field, trimmed)=>{
     const match = findMatchingFieldValue(fv, trimmed);
     return {
         resolved: match ? match.value : trimmed,
-        error: fv.length > 0 && !match ? true : void 0
+        error: hasStaticAllowlist(field) && fv.length > 0 && !match ? true : void 0
     };
 };
 const resolveMultiValues = (field, trimmed)=>{

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

@@ -1,5 +1,5 @@
 export { FilterInput, type FilterInputProps } from './FilterInput';
 export { FilterInputChip, type FilterInputChipProps } from './FilterInputField';
 export { FilterInputFieldMenu, type FilterInputFieldMenuProps, FilterInputOperatorMenu, type FilterInputOperatorMenuProps, FilterInputValueMenu, type FilterInputValueMenuProps, type ValueOption, } from './FilterInputMenu';
-export { type FilterParseError, isFilterParseError, parseExpression, serializeExpression, } from './lib';
+export { createStatusCodeSuggestions, type FilterParseError, isFilterParseError, parseExpression, type StatusCodeSuggestionsOptions, serializeExpression, } from './lib';
 export type { Condition, ExprNode, FieldMetadata, FieldType, FieldValueOption, FilterInputChipData, FilterInputChipVariant, FilterOperator, Group, } from './types';

package/dist/components/FilterInput/index.js

@@ -1,5 +1,5 @@
 import { FilterInput } from "./FilterInput.js";
 import { FilterInputChip } from "./FilterInputField/index.js";
 import { FilterInputFieldMenu, FilterInputOperatorMenu, FilterInputValueMenu } from "./FilterInputMenu/index.js";
-import { isFilterParseError, parseExpression, serializeExpression } from "./lib/index.js";
-export { FilterInput, FilterInputChip, FilterInputFieldMenu, FilterInputOperatorMenu, FilterInputValueMenu, isFilterParseError, parseExpression, serializeExpression };
+import { createStatusCodeSuggestions, isFilterParseError, parseExpression, serializeExpression } from "./lib/index.js";
+export { FilterInput, FilterInputChip, FilterInputFieldMenu, FilterInputOperatorMenu, FilterInputValueMenu, createStatusCodeSuggestions, isFilterParseError, parseExpression, serializeExpression };

package/dist/components/FilterInput/lib/fields.d.ts

@@ -1,12 +1,19 @@
 import type { FieldMetadata, FieldValueOption } from '../types';
 /**
- * Get normalized value options for a field.
- * `values` (full FieldValueOption[]) takes precedence over `options` (string[] shorthand).
- * `options` strings are converted to `{ value: s, label: s }`.
+ * Get value options for a field.
+ * Priority: `getSuggestions(inputText)` > `values` > `options` (converted to `{value, label}`).
  */
-export declare const getFieldValues: (field: FieldMetadata) => FieldValueOption[];
+export declare const getFieldValues: (field: FieldMetadata, inputText?: string) => FieldValueOption[];
 /**
- * Check if a field has predefined values (from `values` or `options`).
- * Returns false for freeform fields (`options: []` or no values at all).
+ * Check whether a field has a source of value suggestions — dynamic callback, static
+ * `values`, or `options`. Used to decide whether to render a value dropdown at all.
+ * Fields with `getSuggestions` always get a dropdown (empty list is still a list).
  */
 export declare const hasFieldValues: (field: FieldMetadata) => boolean;
+/**
+ * Whether the field has an exhaustive static allowlist of accepted values.
+ * Used by validation code to decide whether to reject values outside the list.
+ * Fields with `getSuggestions` return false — their suggestion list is a hint,
+ * not an allowlist (consumer may accept freeform values that aren't currently suggested).
+ */
+export declare const hasStaticAllowlist: (field: FieldMetadata) => boolean;

package/dist/components/FilterInput/lib/fields.js

@@ -1,10 +1,20 @@
-const getFieldValues = (field)=>{
+const getFieldValues = (field, inputText = '')=>{
+    if (field.getSuggestions) return field.getSuggestions(inputText);
     const fromValues = field.values ?? [];
-    const fromOptions = field.options?.map((s)=>({
+    if (fromValues.length > 0) return fromValues;
+    return field.options?.map((s)=>({
             value: s,
             label: s
         })) ?? [];
-    return fromValues.length > 0 ? fromValues : fromOptions;
 };
-const hasFieldValues = (field)=>getFieldValues(field).length > 0;
-export { getFieldValues, hasFieldValues };
+const hasFieldValues = (field)=>{
+    if (field.getSuggestions) return true;
+    if ((field.values ?? []).length > 0) return true;
+    return (field.options?.length ?? 0) > 0;
+};
+const hasStaticAllowlist = (field)=>{
+    if (field.getSuggestions) return false;
+    if ((field.values?.length ?? 0) > 0) return true;
+    return (field.options?.length ?? 0) > 0;
+};
+export { getFieldValues, hasFieldValues, hasStaticAllowlist };

package/dist/components/FilterInput/lib/index.d.ts

@@ -3,9 +3,10 @@ export { DATE_PRESETS, formatDateForChip, getDateDisplayLabel, isDatePreset, } f
 export { chipIdToConditionIndex, findChipSplitIndex } from './conditions';
 export { CONNECTOR_ID_PATTERN, NO_VALUE_OPERATORS, OPERATOR_LABELS, OPERATOR_LABELS_BY_TYPE, OPERATOR_SYMBOLS, OPERATORS_BY_TYPE, QUERY_BAR_SELECTOR, VARIANT_LABELS, } from './constants';
 export { buildContainerAnchoredRect, isMenuRelated } from './dom';
-export { getFieldValues, hasFieldValues } from './fields';
+export { getFieldValues, hasFieldValues, hasStaticAllowlist } from './fields';
 export { filterAndSort } from './filterSort';
 export { getValueFilterText } from './menuFilterText';
 export { getOperatorFromLabel, getOperatorLabel, isBetweenOperator, isMultiSelectOperator, isNoValueOperator, } from './operators';
 export { type FilterParseError, isFilterParseError, parseExpression } from './parseExpression';
 export { serializeExpression } from './serializeExpression';
+export { createStatusCodeSuggestions, type StatusCodeSuggestionsOptions, } from './statusCodeSuggestions';

package/dist/components/FilterInput/lib/index.js

@@ -2,10 +2,11 @@ import { DATE_PRESETS, formatDateForChip, getDateDisplayLabel, isDatePreset } fr
 import { chipIdToConditionIndex, findChipSplitIndex } from "./conditions.js";
 import { CONNECTOR_ID_PATTERN, NO_VALUE_OPERATORS, OPERATORS_BY_TYPE, OPERATOR_LABELS, OPERATOR_LABELS_BY_TYPE, OPERATOR_SYMBOLS, QUERY_BAR_SELECTOR, VARIANT_LABELS } from "./constants.js";
 import { buildContainerAnchoredRect, isMenuRelated } from "./dom.js";
-import { getFieldValues, hasFieldValues } from "./fields.js";
+import { getFieldValues, hasFieldValues, hasStaticAllowlist } from "./fields.js";
 import { filterAndSort } from "./filterSort.js";
 import { getValueFilterText } from "./menuFilterText.js";
 import { getOperatorFromLabel, getOperatorLabel, isBetweenOperator, isMultiSelectOperator, isNoValueOperator } from "./operators.js";
 import { isFilterParseError, parseExpression } from "./parseExpression/index.js";
 import { serializeExpression } from "./serializeExpression.js";
-export { CONNECTOR_ID_PATTERN, DATE_PRESETS, NO_VALUE_OPERATORS, OPERATORS_BY_TYPE, OPERATOR_LABELS, OPERATOR_LABELS_BY_TYPE, OPERATOR_SYMBOLS, QUERY_BAR_SELECTOR, VARIANT_LABELS, buildContainerAnchoredRect, chipIdToConditionIndex, filterAndSort, findChipSplitIndex, formatDateForChip, getDateDisplayLabel, getFieldValues, getOperatorFromLabel, getOperatorLabel, getValueFilterText, hasFieldValues, isBetweenOperator, isDatePreset, isFilterParseError, isMenuRelated, isMultiSelectOperator, isNoValueOperator, parseExpression, serializeExpression };
+import { createStatusCodeSuggestions } from "./statusCodeSuggestions.js";
+export { CONNECTOR_ID_PATTERN, DATE_PRESETS, NO_VALUE_OPERATORS, OPERATORS_BY_TYPE, OPERATOR_LABELS, OPERATOR_LABELS_BY_TYPE, OPERATOR_SYMBOLS, QUERY_BAR_SELECTOR, VARIANT_LABELS, buildContainerAnchoredRect, chipIdToConditionIndex, createStatusCodeSuggestions, filterAndSort, findChipSplitIndex, formatDateForChip, getDateDisplayLabel, getFieldValues, getOperatorFromLabel, getOperatorLabel, getValueFilterText, hasFieldValues, hasStaticAllowlist, isBetweenOperator, isDatePreset, isFilterParseError, isMenuRelated, isMultiSelectOperator, isNoValueOperator, parseExpression, serializeExpression };

package/dist/components/FilterInput/lib/statusCodeSuggestions.d.ts

@@ -0,0 +1,10 @@
+import type { FieldValueOption } from '../types';
+export interface StatusCodeSuggestionsOptions {
+    /**
+     * Raw backend status-code list. The helper keeps only 1-char entries in
+     * `[1..5]` as mask roots; everything else is ignored. When omitted or empty,
+     * the helper returns `[]` for every input.
+     */
+    codes?: string[];
+}
+export declare const createStatusCodeSuggestions: (options?: StatusCodeSuggestionsOptions) => ((inputText: string) => FieldValueOption[]);

package/dist/components/FilterInput/lib/statusCodeSuggestions.js

@@ -0,0 +1,45 @@
+const VALID_MASK_ROOTS = new Set([
+    '1',
+    '2',
+    '3',
+    '4',
+    '5'
+]);
+const HTTP_CLASS_BADGE_COLOR = {
+    1: 'var(--color-bg-light-success)',
+    2: 'var(--color-bg-success)',
+    3: 'var(--color-bg-info)',
+    4: 'var(--color-bg-warning)',
+    5: 'var(--color-bg-danger)'
+};
+const createStatusCodeSuggestions = (options)=>{
+    const maskRoots = (options?.codes ?? []).filter((c)=>1 === c.length && VALID_MASK_ROOTS.has(c));
+    const makeMask = (label)=>{
+        const color = HTTP_CLASS_BADGE_COLOR[label.charAt(0)];
+        if (!color) throw new Error(`statusCodeSuggestions: no badge color for mask "${label}"`);
+        return {
+            value: label,
+            label,
+            badge: {
+                color,
+                text: label
+            }
+        };
+    };
+    return (inputText)=>{
+        const norm = inputText.trim();
+        if (norm.length > 3) return [];
+        if (norm.length > 0 && !/^\d+$/.test(norm)) return [];
+        if (0 === norm.length) return maskRoots.map((d)=>makeMask(`${d}XX`));
+        const d1 = norm.charAt(0);
+        if (!maskRoots.includes(d1)) return [];
+        if (1 === norm.length) return [
+            makeMask(`${norm}XX`)
+        ];
+        if (2 === norm.length) return [
+            makeMask(`${norm}X`)
+        ];
+        return [];
+    };
+};
+export { createStatusCodeSuggestions };

package/dist/components/FilterInput/stories/mockStatusCodes.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Example HTTP status code backend response used by FilterInput stories.
+ * Mixes 1-char HTTP classes with 3-char concrete codes — the same shape the
+ * real backend produces. See AS-877 design spec.
+ */
+export declare const MOCK_STATUS_CODES: string[];

package/dist/components/FilterInput/stories/mockStatusCodes.js

@@ -0,0 +1,18 @@
+const MOCK_STATUS_CODES = [
+    '2',
+    '3',
+    '4',
+    '5',
+    '200',
+    '201',
+    '301',
+    '302',
+    '400',
+    '401',
+    '403',
+    '404',
+    '500',
+    '502',
+    '503'
+];
+export { MOCK_STATUS_CODES };

package/dist/components/FilterInput/types.d.ts

@@ -61,6 +61,13 @@ export interface FieldMetadata {
      * Empty array `[]` means freeform input — no dropdown, user types any value.
      */
     options?: string[];
+    /**
+     * Optional callback to compute value suggestions dynamically from the current
+     * input text. When provided, takes precedence over `values` and `options`.
+     * The returned list is still post-filtered by `filterAndSort`, so prefix/includes
+     * matching still applies — return items that contain the input text.
+     */
+    getSuggestions?: (inputText: string) => FieldValueOption[];
 }
 /**
  * Expression Tree Types

package/dist/icons/Activity.js

@@ -4,12 +4,8 @@ const Activity = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
         ...props,
         viewBox: "0 0 24 24",
         children: /*#__PURE__*/ jsx("path", {
-            d: "m22 12-4-4-6 6-2-2-4 4",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            fill: "none"
+            d: "M9 1C9.23668 1 9.46796 1.06686 9.66699 1.19238L9.75 1.25L9.82812 1.31348C9.97922 1.44708 10.096 1.61531 10.168 1.80371L10.2031 1.90918L15 18.9775L16.627 13.1895C16.804 12.5584 17.1834 12.0028 17.7061 11.6074C18.2281 11.2125 18.865 10.9992 19.5195 11H22C22.5523 11 23 11.4477 23 12C23 12.5523 22.5523 13 22 13H19.5176C19.2992 12.9996 19.0863 13.0704 18.9121 13.2021C18.7815 13.301 18.6779 13.4302 18.6094 13.5771L18.5527 13.7305L16.2031 22.0908L16.168 22.1963C16.084 22.416 15.9392 22.6081 15.75 22.75C15.5336 22.9123 15.2705 23 15 23C14.7295 23 14.4664 22.9123 14.25 22.75C14.0608 22.6081 13.916 22.416 13.832 22.1963L13.7969 22.0908L8.99902 5.02148L7.37305 10.8105C7.19669 11.4391 6.81945 11.9925 6.2998 12.3877C5.78012 12.7828 5.14601 12.9981 4.49316 13H2C1.44772 13 1 12.5523 1 12C1 11.4477 1.44772 11 2 11H4.4873C4.70491 10.9993 4.91663 10.9276 5.08984 10.7959C5.26298 10.6642 5.38852 10.479 5.44727 10.2695L7.79688 1.90918L7.83203 1.80371C7.91597 1.58404 8.06078 1.39192 8.25 1.25C8.46637 1.08772 8.72954 1 9 1Z",
+            fill: "currentColor"
         })
     });
 Activity.displayName = 'ActivityIcon';

package/dist/icons/ArrowBigUp.js

@@ -4,12 +4,8 @@ const ArrowBigUp = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
         ...props,
         viewBox: "0 0 24 24",
         children: /*#__PURE__*/ jsx("path", {
-            d: "M9 18v-6H5l7-7 7 7h-4v6H9z",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            fill: "none"
+            d: "M11.3691 4.22462C11.7619 3.90427 12.3409 3.92686 12.707 4.29298L19.707 11.293C19.993 11.579 20.0786 12.0091 19.9238 12.3828C19.769 12.7564 19.4044 13 19 13H16V18C16 18.5523 15.5523 19 15 19H9C8.44772 19 8 18.5523 8 18V13H5C4.59559 13 4.23099 12.7564 4.07617 12.3828C3.92139 12.0091 4.00697 11.579 4.29297 11.293L11.293 4.29298L11.3691 4.22462ZM7.41406 11H9C9.55229 11 10 11.4477 10 12V17H14V12C14 11.4477 14.4477 11 15 11H16.5859L12 6.41407L7.41406 11Z",
+            fill: "currentColor"
         })
     });
 ArrowBigUp.displayName = 'ArrowBigUpIcon';

package/dist/icons/ArrowBigUpDash.js

@@ -1,26 +1,12 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { SvgIcon } from "./SvgIcon.js";
-const ArrowBigUpDash = (props)=>/*#__PURE__*/ jsxs(SvgIcon, {
+const ArrowBigUpDash = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
         ...props,
         viewBox: "0 0 24 24",
-        children: [
-            /*#__PURE__*/ jsx("path", {
-                d: "M9 19h6v-6h4l-7-7-7 7h4v6Z",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                fill: "none"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M9 22h6",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                fill: "none"
-            })
-        ]
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M15 18C15.5523 18 16 18.4477 16 19C16 19.5523 15.5523 20 15 20H9C8.44772 20 8 19.5523 8 19C8 18.4477 8.44772 18 9 18H15ZM11.3691 4.22462C11.7619 3.90427 12.3409 3.92686 12.707 4.29298L19.707 11.293C19.993 11.579 20.0786 12.0091 19.9238 12.3828C19.769 12.7564 19.4044 13 19 13H16V15C16 15.5523 15.5523 16 15 16H9C8.44772 16 8 15.5523 8 15V13H5C4.59559 13 4.23099 12.7564 4.07617 12.3828C3.92139 12.0091 4.00697 11.579 4.29297 11.293L11.293 4.29298L11.3691 4.22462ZM7.41406 11H9C9.55229 11 10 11.4477 10 12V14H14V12C14 11.4477 14.4477 11 15 11H16.5859L12 6.41407L7.41406 11Z",
+            fill: "currentColor"
+        })
     });
 ArrowBigUpDash.displayName = 'ArrowBigUpDashIcon';
 export { ArrowBigUpDash };

package/dist/icons/ArrowDown.js

@@ -4,12 +4,8 @@ const ArrowDown = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
         ...props,
         viewBox: "0 0 24 24",
         children: /*#__PURE__*/ jsx("path", {
-            d: "M12 5v14m7-7-7 7-7-7",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            fill: "none"
+            d: "M11 5C11 4.44772 11.4477 4 12 4C12.5523 4 13 4.44772 13 5V16.5859L18.293 11.293C18.6835 10.9024 19.3165 10.9024 19.707 11.293C20.0976 11.6835 20.0976 12.3165 19.707 12.707L12.707 19.707C12.3165 20.0976 11.6835 20.0976 11.293 19.707L4.29297 12.707C3.90245 12.3165 3.90245 11.6835 4.29297 11.293C4.68349 10.9024 5.31651 10.9024 5.70703 11.293L11 16.5859V5Z",
+            fill: "currentColor"
         })
     });
 ArrowDown.displayName = 'ArrowDownIcon';

package/dist/icons/ArrowDownLeft.js

@@ -1,26 +1,12 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { SvgIcon } from "./SvgIcon.js";
-const ArrowDownLeft = (props)=>/*#__PURE__*/ jsxs(SvgIcon, {
+const ArrowDownLeft = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
         ...props,
         viewBox: "0 0 24 24",
-        children: [
-            /*#__PURE__*/ jsx("path", {
-                d: "M17 7 7 17",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                fill: "none"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M17 17H7V7",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                fill: "none"
-            })
-        ]
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M16.293 6.29297C16.6835 5.90244 17.3165 5.90244 17.707 6.29297C18.0976 6.68349 18.0976 7.31651 17.707 7.70703L9.41406 16H17C17.5523 16 18 16.4477 18 17C18 17.5523 17.5523 18 17 18H7C6.44772 18 6 17.5523 6 17V7C6 6.44772 6.44772 6 7 6C7.55228 6 8 6.44772 8 7V14.5859L16.293 6.29297Z",
+            fill: "currentColor"
+        })
     });
 ArrowDownLeft.displayName = 'ArrowDownLeftIcon';
 export { ArrowDownLeft };

package/dist/icons/ArrowDownRight.js

@@ -1,26 +1,12 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { SvgIcon } from "./SvgIcon.js";
-const ArrowDownRight = (props)=>/*#__PURE__*/ jsxs(SvgIcon, {
+const ArrowDownRight = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
         ...props,
         viewBox: "0 0 24 24",
-        children: [
-            /*#__PURE__*/ jsx("path", {
-                d: "m7 7 10 10",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                fill: "none"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M17 7v10H7",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                fill: "none"
-            })
-        ]
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M6.29297 6.29297C6.68349 5.90244 7.31651 5.90244 7.70703 6.29297L16 14.5859V7C16 6.44772 16.4477 6 17 6C17.5523 6 18 6.44772 18 7V17C18 17.5523 17.5523 18 17 18H7C6.44772 18 6 17.5523 6 17C6 16.4477 6.44772 16 7 16H14.5859L6.29297 7.70703C5.90244 7.31651 5.90244 6.68349 6.29297 6.29297Z",
+            fill: "currentColor"
+        })
     });
 ArrowDownRight.displayName = 'ArrowDownRightIcon';
 export { ArrowDownRight };

package/dist/icons/ArrowLeft.js

@@ -4,12 +4,8 @@ const ArrowLeft = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
         ...props,
         viewBox: "0 0 24 24",
         children: /*#__PURE__*/ jsx("path", {
-            d: "m12 19-7-7 7-7M5 12h14",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            fill: "none"
+            d: "M11.293 4.29295C11.6835 3.90243 12.3165 3.90243 12.707 4.29295C13.0976 4.68348 13.0976 5.31649 12.707 5.70702L7.41406 11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H7.41406L12.707 18.293C13.0976 18.6835 13.0976 19.3165 12.707 19.707C12.3165 20.0975 11.6835 20.0975 11.293 19.707L4.29297 12.707C3.90245 12.3165 3.90245 11.6835 4.29297 11.293L11.293 4.29295Z",
+            fill: "currentColor"
         })
     });
 ArrowLeft.displayName = 'ArrowLeftIcon';

package/dist/icons/ArrowRight.js

@@ -4,12 +4,8 @@ const ArrowRight = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
         ...props,
         viewBox: "0 0 24 24",
         children: /*#__PURE__*/ jsx("path", {
-            d: "M5 12h14m-7-7 7 7-7 7",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            fill: "none"
+            d: "M11.293 4.29295C11.6835 3.90243 12.3165 3.90243 12.707 4.29295L19.707 11.293C20.0976 11.6835 20.0976 12.3165 19.707 12.707L12.707 19.707C12.3165 20.0975 11.6835 20.0975 11.293 19.707C10.9024 19.3165 10.9024 18.6835 11.293 18.293L16.5859 13H5C4.44772 13 4 12.5523 4 12C4 11.4477 4.44772 11 5 11H16.5859L11.293 5.70702C10.9024 5.31649 10.9024 4.68348 11.293 4.29295Z",
+            fill: "currentColor"
         })
     });
 ArrowRight.displayName = 'ArrowRightIcon';

package/dist/icons/ArrowUp.js

@@ -4,12 +4,8 @@ const ArrowUp = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
         ...props,
         viewBox: "0 0 24 24",
         children: /*#__PURE__*/ jsx("path", {
-            d: "m5 12 7-7 7 7M12 19V5",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            fill: "none"
+            d: "M11 19V7.41407L5.70703 12.707C5.31651 13.0976 4.68349 13.0976 4.29297 12.707C3.90245 12.3165 3.90245 11.6835 4.29297 11.293L11.293 4.29298L11.3691 4.22462C11.7619 3.90427 12.3409 3.92686 12.707 4.29298L19.707 11.293C20.0976 11.6835 20.0976 12.3165 19.707 12.707C19.3165 13.0976 18.6835 13.0976 18.293 12.707L13 7.41407V19C13 19.5523 12.5523 20 12 20C11.4477 20 11 19.5523 11 19Z",
+            fill: "currentColor"
         })
     });
 ArrowUp.displayName = 'ArrowUpIcon';

package/dist/icons/ArrowUpLeft.js

@@ -1,26 +1,12 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { SvgIcon } from "./SvgIcon.js";
-const ArrowUpLeft = (props)=>/*#__PURE__*/ jsxs(SvgIcon, {
+const ArrowUpLeft = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
         ...props,
         viewBox: "0 0 24 24",
-        children: [
-            /*#__PURE__*/ jsx("path", {
-                d: "M17 17 7 7",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                fill: "none"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M7 17V7h10",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                fill: "none"
-            })
-        ]
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M6 17V7C6 6.44772 6.44772 6 7 6H17C17.5523 6 18 6.44772 18 7C18 7.55228 17.5523 8 17 8H9.41406L17.707 16.293C18.0976 16.6835 18.0976 17.3165 17.707 17.707C17.3165 18.0976 16.6835 18.0976 16.293 17.707L8 9.41406V17C8 17.5523 7.55228 18 7 18C6.44772 18 6 17.5523 6 17Z",
+            fill: "currentColor"
+        })
     });
 ArrowUpLeft.displayName = 'ArrowUpLeftIcon';
 export { ArrowUpLeft };

package/dist/icons/ArrowUpRight.js

@@ -4,12 +4,8 @@ const ArrowUpRight = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
         ...props,
         viewBox: "0 0 24 24",
         children: /*#__PURE__*/ jsx("path", {
-            d: "M7 7h10v10M7 17 17 7",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            fill: "none"
+            d: "M18 17C18 17.5523 17.5523 18 17 18C16.4477 18 16 17.5523 16 17V9.41406L7.70703 17.707C7.31651 18.0976 6.68349 18.0976 6.29297 17.707C5.90244 17.3165 5.90244 16.6835 6.29297 16.293L14.5859 8H7C6.44772 8 6 7.55228 6 7C6 6.44772 6.44772 6 7 6H17C17.5523 6 18 6.44772 18 7V17Z",
+            fill: "currentColor"
         })
     });
 ArrowUpRight.displayName = 'ArrowUpRightIcon';