@wallarm-org/design-system 1.6.2 → 1.8.0

package/dist/components/EmptyState/EmptyState.js

@@ -2,18 +2,22 @@ import { jsx } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
 import { TestIdProvider } from "../../utils/testId.js";
 import { emptyStateVariants } from "./classes.js";
+import { EmptyStateProvider } from "./EmptyStateContext.js";
 const EmptyState = ({ ref, type = 'collection-empty', className, children, 'data-testid': testId, ...props })=>/*#__PURE__*/ jsx(TestIdProvider, {
         value: testId,
-        children: /*#__PURE__*/ jsx("div", {
-            ...props,
-            ref: ref,
-            role: "status",
-            "data-slot": "empty-state",
-            "data-testid": testId,
-            className: cn(emptyStateVariants({
-                type
-            }), className),
-            children: children
+        children: /*#__PURE__*/ jsx(EmptyStateProvider, {
+            value: type,
+            children: /*#__PURE__*/ jsx("div", {
+                ...props,
+                ref: ref,
+                role: "status",
+                "data-slot": "empty-state",
+                "data-testid": testId,
+                className: cn(emptyStateVariants({
+                    type
+                }), className),
+                children: children
+            })
         })
     });
 EmptyState.displayName = 'EmptyState';

package/dist/components/EmptyState/EmptyStateContext.d.ts

@@ -0,0 +1,3 @@
+import type { EmptyStateType } from './classes';
+export declare const EmptyStateProvider: import("react").Provider<EmptyStateType>;
+export declare const useEmptyStateType: () => EmptyStateType;

package/dist/components/EmptyState/EmptyStateContext.js

@@ -0,0 +1,5 @@
+import { createContext, useContext } from "react";
+const EmptyStateContext = /*#__PURE__*/ createContext('collection-empty');
+const EmptyStateProvider = EmptyStateContext.Provider;
+const useEmptyStateType = ()=>useContext(EmptyStateContext);
+export { EmptyStateProvider, useEmptyStateType };

package/dist/components/EmptyState/EmptyStateIllustration.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
 import { useTestId } from "../../utils/testId.js";
+import { emptyStateIllustrationVariants } from "./classes.js";
 const EmptyStateIllustration = ({ ref, className, children, ...props })=>{
     const testId = useTestId('illustration');
     return /*#__PURE__*/ jsx("div", {
@@ -8,7 +9,7 @@ const EmptyStateIllustration = ({ ref, className, children, ...props })=>{
         ref: ref,
         "data-slot": "empty-state-illustration",
         "data-testid": testId,
-        className: cn('text-text-secondary p-8 border border-border-primary bg-bg-light-primary rounded-full w-36 h-36 flex items-center justify-center', className),
+        className: cn(emptyStateIllustrationVariants(), className),
         children: children
     });
 };

package/dist/components/EmptyState/EmptyStateMessage.js

@@ -1,14 +1,19 @@
 import { jsx } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
 import { useTestId } from "../../utils/testId.js";
+import { emptyStateMessageVariants } from "./classes.js";
+import { useEmptyStateType } from "./EmptyStateContext.js";
 const EmptyStateMessage = ({ ref, className, children, ...props })=>{
     const testId = useTestId('message');
+    const type = useEmptyStateType();
     return /*#__PURE__*/ jsx("div", {
         ...props,
         ref: ref,
         "data-slot": "empty-state-message",
         "data-testid": testId,
-        className: cn('flex flex-col items-center gap-8', className),
+        className: cn(emptyStateMessageVariants({
+            type
+        }), className),
         children: children
     });
 };

package/dist/components/EmptyState/EmptyStateTitle.js

@@ -1,14 +1,19 @@
 import { jsx } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
 import { useTestId } from "../../utils/testId.js";
+import { emptyStateTitleVariants } from "./classes.js";
+import { useEmptyStateType } from "./EmptyStateContext.js";
 const EmptyStateTitle = ({ ref, className, children, ...props })=>{
     const testId = useTestId('title');
+    const type = useEmptyStateType();
     return /*#__PURE__*/ jsx("p", {
         ...props,
         ref: ref,
         "data-testid": testId,
         "data-slot": "empty-state-title",
-        className: cn('font-pixel text-base leading-base text-text-primary text-center break-words', className),
+        className: cn(emptyStateTitleVariants({
+            type
+        }), className),
         children: children
     });
 };

package/dist/components/EmptyState/classes.d.ts

@@ -2,3 +2,30 @@ export type EmptyStateType = 'collection-empty' | 'no-results';
 export declare const emptyStateVariants: (props?: ({
     type?: "collection-empty" | "no-results" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * The medallion: a 36px raised tile holding a 20px glyph, which with `p-8` fills
+ * the content box exactly — the hairline is an inset ring in the shadow list,
+ * not a real border, so it doesn't eat into the padding. `text-xl` sets the
+ * 20px em box, so an icon left at its default `size='inherit'` lands on spec
+ * without every call site restating a size.
+ *
+ * The Figma master's placeholder is 16px at 10px padding, but every applied
+ * instance and the medallion spec sheet itself use 20px at 8px — the file is
+ * inconsistent here, and the 20/8 pairing is the one that fills the tile.
+ *
+ * There is deliberately no unframed variant — the spec never shows a bare glyph,
+ * at either scale, so an illustration always carries the tile.
+ *
+ * `rounded-[15px]` is off the radius scale on purpose: it's the value Figma
+ * reports for this node, and fitting a superellipse to the rendered outline
+ * agrees — a plain circular corner at r=14.5 matches to 0.29px, and r=15 to
+ * 0.35px, while the nearest token (16) is off by 0.73px. There is no corner
+ * smoothing on this shape, so no `corner-shape` is needed.
+ */
+export declare const emptyStateIllustrationVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const emptyStateMessageVariants: (props?: ({
+    type?: "collection-empty" | "no-results" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const emptyStateTitleVariants: (props?: ({
+    type?: "collection-empty" | "no-results" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/EmptyState/classes.js

@@ -1,13 +1,36 @@
 import { cva } from "class-variance-authority";
-const emptyStateVariants = cva('flex flex-col items-center text-center gap-16 m-[0_auto]', {
+const emptyStateVariants = cva('flex flex-col items-center text-center m-[0_auto]', {
     variants: {
         type: {
-            'collection-empty': 'max-w-[560px] min-w-[256px]',
-            'no-results': 'w-[240px] py-16'
+            'collection-empty': 'gap-16 py-24 max-w-[560px] min-w-[256px]',
+            'no-results': 'gap-8 py-8 w-[240px]'
         }
     },
     defaultVariants: {
         type: 'collection-empty'
     }
 });
-export { emptyStateVariants };
+const emptyStateIllustrationVariants = cva('empty-state-medallion flex items-center justify-center shrink-0 size-36 rounded-[15px] p-8 text-xl text-icon-secondary');
+const emptyStateMessageVariants = cva('flex flex-col items-center', {
+    variants: {
+        type: {
+            'collection-empty': 'gap-8',
+            'no-results': 'gap-4'
+        }
+    },
+    defaultVariants: {
+        type: 'collection-empty'
+    }
+});
+const emptyStateTitleVariants = cva('text-center break-words', {
+    variants: {
+        type: {
+            'collection-empty': 'font-pixel text-base leading-base text-text-primary',
+            'no-results': 'font-sans-display text-sm font-medium text-text-secondary'
+        }
+    },
+    defaultVariants: {
+        type: 'collection-empty'
+    }
+});
+export { emptyStateIllustrationVariants, emptyStateMessageVariants, emptyStateTitleVariants, emptyStateVariants };

package/dist/components/FilterInput/FilterInputField/ChipsWithGaps.js

@@ -30,6 +30,8 @@ const ChipsWithGaps = ({ chips, hideLeadingGap, hideTrailingGap, onChipClick, on
                 valueSeparator: chip.valueSeparator,
                 errorValueIndices: chip.errorValueIndices,
                 disabled: chip.disabled,
+                valueMaxWidth: chip.valueMaxWidth,
+                caretMode: chip.caretMode,
                 pair: chip.pair,
                 onRemove: chip.disabled ? void 0 : ()=>onChipRemove(chip.id),
                 onSegmentClick: chip.disabled ? void 0 : (segment, anchorEl)=>onChipClick(chip.id, segment, anchorEl),

package/dist/components/FilterInput/FilterInputField/FilterInputChip/FilterInputChip.d.ts

@@ -20,6 +20,11 @@ export interface FilterInputChipProps extends Omit<HTMLAttributes<HTMLDivElement
     building?: boolean;
     /** When true, the chip cannot be edited or removed (dimmed appearance) */
     disabled?: boolean;
+    /** Caps the applied value segment at this width (px), truncating with an
+     *  ellipsis; lifts the chip's default max-width so it grows to fit (AS-1064). */
+    valueMaxWidth?: number;
+    /** `'end'` places the caret at the end on value inline-edit; omit to select all (AS-1064). */
+    caretMode?: 'end';
     /** Second paired triplet (two-step fields). The paired attribute is fixed. */
     pair?: FilterInputChipData['pair'];
     onRemove?: () => void;

package/dist/components/FilterInput/FilterInputField/FilterInputChip/FilterInputChip.js

@@ -9,7 +9,7 @@ import { FilterInputRemoveButton } from "./FilterInputRemoveButton.js";
 import { PairSeparator } from "./PairSeparator.js";
 import { Segment } from "./Segment.js";
 import { SEGMENT_VARIANT } from "./segmentVariant.js";
-const FilterInputChip = ({ ref, chipId, attribute, attributeDescription, operator, value, error = false, valueParts, valueSeparator, errorValueIndices, building = false, disabled = false, pair, onRemove, onSegmentClick, onPairSegmentClick, className, ...props })=>{
+const FilterInputChip = ({ ref, chipId, attribute, attributeDescription, operator, value, error = false, valueParts, valueSeparator, errorValueIndices, building = false, disabled = false, valueMaxWidth, caretMode, pair, onRemove, onSegmentClick, onPairSegmentClick, className, style, ...props })=>{
     const interactive = !disabled;
     const internalRef = useRef(null);
     const editing = useEditingContext();
@@ -75,6 +75,10 @@ const FilterInputChip = ({ ref, chipId, attribute, attributeDescription, operato
             disabled,
             building
         }), pair ? 'max-w-[380px]' : 'max-w-[320px]', className),
+        style: valueMaxWidth && !pair ? {
+            maxWidth: 'none',
+            ...style
+        } : style,
         "data-slot": "filter-input-condition-chip",
         ...building && {
             'data-building': ''
@@ -104,10 +108,17 @@ const FilterInputChip = ({ ref, chipId, attribute, attributeDescription, operato
             (value || baseActiveSegment === SEGMENT_VARIANT.value || !pair && effectiveError === SEGMENT_VARIANT.value) && /*#__PURE__*/ jsx(Segment, {
                 variant: SEGMENT_VARIANT.value,
                 className: value || pair ? pair ? 'max-w-[90px] shrink-0' : 'min-w-0' : emptyValueHitTarget,
+                ...valueMaxWidth && value && !pair && {
+                    style: {
+                        maxWidth: valueMaxWidth
+                    }
+                },
                 error: baseActiveSegment !== SEGMENT_VARIANT.value && (true === effectiveError || effectiveError === SEGMENT_VARIANT.value),
                 valueParts: valueParts,
                 valueSeparator: valueSeparator,
                 errorValueIndices: errorValueIndices,
+                caretMode: caretMode,
+                valueMaxWidth: valueMaxWidth,
                 onClick: interactive ? (e)=>handleSegmentClick(SEGMENT_VARIANT.value, e) : void 0,
                 onMouseDown: interactive && building ? handleSegmentMouseDown : void 0,
                 ...segmentEditProps(SEGMENT_VARIANT.value),

package/dist/components/FilterInput/FilterInputField/FilterInputChip/Segment.d.ts

@@ -18,5 +18,11 @@ export type SegmentProps = HTMLAttributes<HTMLDivElement> & {
     valueSeparator?: string;
     /** Indices of invalid values in valueParts */
     errorValueIndices?: number[];
+    /** `'end'` places the caret at the end on edit; omit for default select-all (AS-1064). */
+    caretMode?: 'end';
+    /** Caps the edit input's width (px) to match the applied value cap, so the
+     *  segment keeps the same width entering/leaving edit instead of snapping to
+     *  the default MAX_INPUT_WIDTH. Value variant only (AS-1064). */
+    valueMaxWidth?: number;
 };
 export declare const Segment: FC<SegmentProps>;

package/dist/components/FilterInput/FilterInputField/FilterInputChip/Segment.js

@@ -2,12 +2,13 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useContext, useEffect, useRef } from "react";
 import { cn } from "../../../../utils/cn.js";
 import { FilterInputContext } from "../../FilterInputContext/FilterInputContext.js";
+import { applyEditCaret } from "./applyEditCaret.js";
 import { editingValueMinWidth, segmentContainer, segmentTextVariants } from "./classes.js";
 import { CHAR_WIDTH_PX } from "./constants.js";
 import { MultiValueSegment } from "./MultiValueSegment.js";
 import { useSizerWidth } from "./model/useSizerWidth.js";
 import { SEGMENT_VARIANT } from "./segmentVariant.js";
-const Segment = ({ ref, variant, children, className, error, editing, editText, onEditChange, onEditKeyDown, onEditBlur, valueParts, valueSeparator = ', ', errorValueIndices, ...props })=>{
+const Segment = ({ ref, variant, children, className, error, editing, editText, onEditChange, onEditKeyDown, onEditBlur, valueParts, valueSeparator = ', ', errorValueIndices, caretMode, valueMaxWidth, ...props })=>{
     const textRef = useRef(null);
     const inputRef = useRef(null);
     const sizerRef = useRef(null);
@@ -28,7 +29,7 @@ const Segment = ({ ref, variant, children, className, error, editing, editText,
         const outerFrame = requestAnimationFrame(()=>{
             innerFrame = requestAnimationFrame(()=>{
                 inputRef.current?.focus();
-                inputRef.current?.select();
+                applyEditCaret(inputRef.current);
             });
         });
         return ()=>{
@@ -40,7 +41,10 @@ const Segment = ({ ref, variant, children, className, error, editing, editText,
     ]);
     const inputWidth = useSizerWidth({
         sizerRef,
-        text: editText ?? ''
+        text: editText ?? '',
+        ...variant === SEGMENT_VARIANT.value && valueMaxWidth && {
+            maxWidth: valueMaxWidth
+        }
     });
     const setInputRef = useCallback((node)=>{
         inputRef.current = node;
@@ -76,6 +80,9 @@ const Segment = ({ ref, variant, children, className, error, editing, editText,
                     onKeyDown: onEditKeyDown,
                     onBlur: onEditBlur,
                     "aria-label": `Filter ${variant}`,
+                    ...'end' === caretMode && {
+                        'data-caret-mode': 'end'
+                    },
                     className: cn(segmentTextVariants({
                         variant,
                         error

package/dist/components/FilterInput/FilterInputField/FilterInputChip/applyEditCaret.d.ts

@@ -0,0 +1 @@
+export declare const applyEditCaret: (input: HTMLInputElement | null) => void;

package/dist/components/FilterInput/FilterInputField/FilterInputChip/applyEditCaret.js

@@ -0,0 +1,10 @@
+const applyEditCaret = (input)=>{
+    if (!input) return;
+    if ('end' === input.dataset.caretMode) {
+        const end = input.value.length;
+        input.setSelectionRange(end, end);
+        return;
+    }
+    input.select();
+};
+export { applyEditCaret };

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

@@ -1,4 +1,5 @@
 export { type ConnectorVariant, FilterInputConnectorChip, type FilterInputConnectorChipProps, } from '../FilterInputConnectorChip';
+export { applyEditCaret } from './applyEditCaret';
 export { type EditingContextValue, EditingProvider, useEditingContext, } from './context/EditingContext';
 export { type ChipSegment, FilterInputChip, type FilterInputChipProps, type PairSegment, } from './FilterInputChip';
 export { FilterInputRemoveButton } from './FilterInputRemoveButton';

package/dist/components/FilterInput/FilterInputField/FilterInputChip/index.js

@@ -1,4 +1,5 @@
 export { FilterInputConnectorChip } from "../FilterInputConnectorChip/index.js";
+export { applyEditCaret } from "./applyEditCaret.js";
 export { EditingProvider, useEditingContext } from "./context/EditingContext.js";
 export { FilterInputChip } from "./FilterInputChip.js";
 export { FilterInputRemoveButton } from "./FilterInputRemoveButton.js";

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

@@ -1,6 +1,7 @@
 import { useCallback } from "react";
 import { SEGMENT_VARIANT } from "../../FilterInputField/FilterInputChip/index.js";
 import { useDateRange } from "../../FilterInputMenu/FilterInputDateValueMenu/hooks.js";
+import { isMultiSelectOperator } from "../../lib/index.js";
 import { deriveAutocompleteValues } from "./lib/index.js";
 import { useAutocompleteState } from "./useAutocompleteState.js";
 import { useBlurCommit } from "./useBlurCommit.js";
@@ -218,6 +219,8 @@ const useFilterInputAutocomplete = ({ fields, conditions, chips, upsertCondition
         buildingBase,
         editingSide: editing.editingSide
     });
+    const isMultiValueValueEdit = null != editing.editingChipId && editing.editingSegment === SEGMENT_VARIANT.value && null != selectedOperator && isMultiSelectOperator(selectedOperator);
+    const liveSegmentFilterText = isMultiValueValueEdit && null != buildingMultiValue && '' === editing.segmentMenuFilterText ? buildingMultiValue : editing.segmentFilterText;
     return {
         inputText,
         menuState,
@@ -260,7 +263,7 @@ const useFilterInputAutocomplete = ({ fields, conditions, chips, upsertCondition
         editingChipId: editing.editingChipId,
         editingSegment: editing.editingSegment,
         editingSide: editing.editingSide,
-        segmentFilterText: editing.segmentFilterText,
+        segmentFilterText: liveSegmentFilterText,
         segmentMenuFilterText: editing.segmentMenuFilterText,
         handleSegmentFilterChange,
         cancelSegmentEdit,

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

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo, useRef } from "react";
-import { SEGMENT_VARIANT } from "../../FilterInputField/FilterInputChip/index.js";
+import { SEGMENT_VARIANT, applyEditCaret } from "../../FilterInputField/FilterInputChip/index.js";
 import { isMenuRelated, nextBuildingMenu } from "../../lib/index.js";
 const useFocusManagement = ({ menuState, isFocused, conditionsLength, inputText, selectedField, selectedOperator, containerRef, inputRef, editingSegment, segmentAttributeInputRef, segmentOperatorInputRef, segmentValueInputRef, blurCommitRef, commitBuildingOnBlur, hasIncompleteBuilding, setIsFocused, setMenuState, resetMenuAnchor, resetState })=>{
     const handleFocus = useCallback((e)=>{
@@ -12,12 +12,19 @@ const useFocusManagement = ({ menuState, isFocused, conditionsLength, inputText,
     const handleBlur = useCallback((e)=>{
         if (handlingBlurRef.current) return;
         const related = e.relatedTarget;
-        if (containerRef.current?.contains(related)) return;
         if (isMenuRelated(related)) return;
+        if (null != related && (related === segmentAttributeInputRef.current || related === segmentOperatorInputRef.current || related === segmentValueInputRef.current)) return;
         handlingBlurRef.current = true;
         try {
+            const focusStaysInside = !!containerRef.current?.contains(related);
+            if ((null != editingSegment || !focusStaysInside) && blurCommitRef.current?.()) {
+                setIsFocused(false);
+                related?.focus();
+                return;
+            }
+            if (focusStaysInside) return;
             setIsFocused(false);
-            const committed = blurCommitRef.current?.() || commitBuildingOnBlur();
+            const committed = commitBuildingOnBlur();
             if (!committed) if (hasIncompleteBuilding()) setMenuState('closed');
             else resetState();
             related?.focus();
@@ -33,7 +40,11 @@ const useFocusManagement = ({ menuState, isFocused, conditionsLength, inputText,
         resetState,
         setIsFocused,
         setMenuState,
-        inputRef
+        inputRef,
+        editingSegment,
+        segmentAttributeInputRef,
+        segmentOperatorInputRef,
+        segmentValueInputRef
     ]);
     const prevFocusedRef = useRef(false);
     useEffect(()=>{
@@ -87,7 +98,7 @@ const useFocusManagement = ({ menuState, isFocused, conditionsLength, inputText,
                 if (!dest) return;
                 if (document.activeElement === dest) return;
                 dest.focus();
-                if (editingSegment) dest.select();
+                if (editingSegment) applyEditCaret(dest);
             });
         });
         return ()=>{

package/dist/components/FilterInput/hooks/useFilterInputExpression/buildChips.js

@@ -39,6 +39,12 @@ const buildBaseChip = (i, condition, field)=>({
         ...field?.description && {
             attributeDescription: field.description
         },
+        ...field?.valueMaxWidth && {
+            valueMaxWidth: field.valueMaxWidth
+        },
+        ...field?.caretMode && {
+            caretMode: field.caretMode
+        },
         operator: condition.operator ? getOperatorLabel(condition.operator, field?.type || DEFAULT_FIELD_TYPE) : void 0,
         ...condition.disabled && {
             disabled: true

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

@@ -38,6 +38,10 @@ export interface FilterInputChipData {
     errorValueIndices?: number[];
     /** When true, the chip cannot be edited or removed */
     disabled?: boolean;
+    /** Applied value-segment width cap in px (see FieldMetadata.valueMaxWidth). */
+    valueMaxWidth?: number;
+    /** Caret placement on value inline-edit (see FieldMetadata.caretMode). */
+    caretMode?: 'end';
     /** Second paired triplet (display) for two-step fields. */
     pair?: {
         attribute: string;
@@ -199,6 +203,18 @@ export interface FieldMetadata {
      * set it while an async options fetch is in flight.
      */
     loadingOptions?: boolean;
+    /**
+     * Caps the applied value segment at this width in px: a longer value truncates
+     * with a trailing ellipsis while the full value is preserved for matching. When
+     * set, the chip's default max-width is lifted so it grows to fit the wider value.
+     * Omit to keep the chip's default cap. (AS-1064: long parameter-path expressions.)
+     */
+    valueMaxWidth?: number;
+    /**
+     * `'end'` places the caret at the end of the value on inline-edit (natural for
+     * long values); omit to select the whole value so typing replaces it. (AS-1064)
+     */
+    caretMode?: 'end';
 }
 /**
  * A labeled group of filter fields for the field-selection menu, referenced by

package/dist/icons/Shapes.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const Shapes: FC<SvgIconProps>;

package/dist/icons/Shapes.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const Shapes = (props)=>/*#__PURE__*/ jsx(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M9 13C10.105 13 11 13.895 11 15V20C11 21.105 10.105 22 9 22H4C2.895 22 2 21.105 2 20V15C2 13.895 2.895 13 4 13H9ZM17.5 13C19.985 13 22 15.015 22 17.5C22 19.985 19.985 22 17.5 22C15.015 22 13 19.985 13 17.5C13 15.015 15.015 13 17.5 13ZM4 20H9V15H4V20ZM17.5 15C16.119 15 15 16.119 15 17.5C15 18.881 16.119 20 17.5 20C18.881 20 20 18.881 20 17.5C20 16.119 18.881 15 17.5 15ZM12.169 1.647C12.314 1.661 12.457 1.692 12.594 1.742L12.794 1.83L12.981 1.943C13.161 2.068 13.315 2.226 13.435 2.41C13.438 2.416 13.443 2.422 13.446 2.428L17.148 8.371C17.287 8.584 17.377 8.824 17.41 9.075L17.422 9.19L17.425 9.307C17.424 9.577 17.358 9.843 17.233 10.084C17.09 10.359 16.875 10.59 16.61 10.751C16.346 10.912 16.041 10.999 15.731 11H8.3V10.999C8.005 11.006 7.713 10.937 7.453 10.797C7.178 10.648 6.948 10.425 6.791 10.154C6.634 9.883 6.555 9.573 6.562 9.26C6.57 8.946 6.664 8.641 6.834 8.378L10.554 2.467L10.555 2.469C10.695 2.233 10.889 2.034 11.123 1.891C11.373 1.738 11.658 1.651 11.95 1.641L12.169 1.647ZM8.806 9H15.184L12.011 3.905L8.806 9Z",
+            fill: "currentColor"
+        })
+    });
+Shapes.displayName = 'ShapesIcon';
+export { Shapes };

package/dist/icons/index.d.ts

@@ -438,6 +438,7 @@ export { Ses } from './Ses';
 export { SesNeutral } from './SesNeutral';
 export { Settings } from './Settings';
 export { Settings2 } from './Settings2';
+export { Shapes } from './Shapes';
 export { Share } from './Share';
 export { Sheet } from './Sheet';
 export { Shield } from './Shield';

package/dist/icons/index.js

@@ -438,6 +438,7 @@ export { Ses } from "./Ses.js";
 export { SesNeutral } from "./SesNeutral.js";
 export { Settings } from "./Settings.js";
 export { Settings2 } from "./Settings2.js";
+export { Shapes } from "./Shapes.js";
 export { Share } from "./Share.js";
 export { Sheet } from "./Sheet.js";
 export { Shield } from "./Shield.js";