@jcsoftdev/ui 0.1.7 → 0.2.0

package/dist/forms/number-stepper/number-stepper.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Minus, Plus } from "lucide-react";
 import { useId, useState } from "react";
+import { Minus, Plus } from "../../icons/index.js";
 import { cn } from "../../utils/cn.js";
 import { snapToStep } from "../slider/model.js";
 function NumberStepper({
@@ -15,6 +15,7 @@ function NumberStepper({
   unit,
   name,
   className,
+  classNames,
   ...aria
 }) {
   const id = useId();
@@ -48,6 +49,7 @@ function NumberStepper({
       className: cn(
         "inline-flex h-input min-w-32 max-w-full items-stretch overflow-hidden rounded-input border-control bg-surface-control",
         disabled && "opacity-60",
+        classNames?.root,
         className
       ),
       children: [
@@ -60,7 +62,7 @@ function NumberStepper({
             "aria-controls": id,
             disabled: disabled || value <= min,
             onClick: () => apply(value - step),
-            className: cn(button, "pressable"),
+            className: cn(button, "pressable", classNames?.decrement),
             children: /* @__PURE__ */ jsx(Minus, { "aria-hidden": "true", className: "size-3.5" })
           }
         ),
@@ -82,10 +84,20 @@ function NumberStepper({
             onChange: (event) => setDraft(event.target.value),
             onBlur: commitDraft,
             onKeyDown,
-            className: "w-14 min-w-0 flex-1 bg-transparent px-1 text-center text-control text-ink tabular-nums outline-none focus-visible:focus-ring"
+            className: cn(
+              "w-14 min-w-0 flex-1 bg-transparent px-1 text-center text-control text-ink tabular-nums outline-none focus-visible:focus-ring",
+              classNames?.input
+            )
           }
         ),
-        unit ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "flex items-center pr-2 text-ink-3 text-meta", children: unit }) : null,
+        unit ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cn("flex items-center pr-2 text-ink-3 text-meta", classNames?.unit),
+            children: unit
+          }
+        ) : null,
         /* @__PURE__ */ jsx(
           "button",
           {
@@ -95,7 +107,7 @@ function NumberStepper({
             "aria-controls": id,
             disabled: disabled || value >= max,
             onClick: () => apply(value + step),
-            className: cn(button, "pressable"),
+            className: cn(button, "pressable", classNames?.increment),
             children: /* @__PURE__ */ jsx(Plus, { "aria-hidden": "true", className: "size-3.5" })
           }
         )

package/dist/forms/pin-input/index.d.ts

@@ -1 +1 @@
-export { PinInput, type PinInputProps } from "./pin-input.js";
+export { PinInput, type PinInputPart, type PinInputProps } from "./pin-input.js";

package/dist/forms/pin-input/pin-input.d.ts

@@ -1,3 +1,5 @@
+import type { ClassNames } from "../../utils/class-names.js";
+export type PinInputPart = "root" | "dots" | "dot" | "input";
 export interface PinInputProps {
     length?: number;
     value?: string;
@@ -8,9 +10,11 @@ export interface PinInputProps {
     /** Builds the polite live-region announcement. */
     statusLabel?: (entered: number, length: number) => string;
     className?: string;
+    /** Per-part classes merged with `cn`; consumer classes win. `className` still targets the root and is merged last. */
+    classNames?: ClassNames<PinInputPart>;
 }
 /**
  * Masked numeric PIN. `autocomplete` is disabled on purpose so browsers do not
  * mistake it for a one-time code.
  */
-export declare function PinInput({ length, value, defaultValue, onValueChange, label, statusLabel, className, }: PinInputProps): import("react").JSX.Element;
+export declare function PinInput({ length, value, defaultValue, onValueChange, label, statusLabel, className, classNames, }: PinInputProps): import("react").JSX.Element;

package/dist/forms/pin-input/pin-input.js

@@ -10,7 +10,8 @@ function PinInput({
   onValueChange,
   label = "PIN",
   statusLabel = defaultStatusLabel,
-  className
+  className,
+  classNames
 }) {
   const statusId = useId();
   const [internal, setInternal] = useState(defaultValue);
@@ -20,41 +21,58 @@ function PinInput({
     if (value === void 0) setInternal(digits);
     onValueChange?.(digits);
   }
-  return /* @__PURE__ */ jsxs("div", { className: cn("@container/pin flex min-w-0 flex-col items-center gap-3", className), children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "flex max-w-full flex-wrap justify-center gap-2 @min-[240px]/pin:gap-3",
-        "aria-hidden": "true",
-        children: Array.from({ length }, (_, index) => /* @__PURE__ */ jsx(
-          "i",
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "@container/pin flex min-w-0 flex-col items-center gap-3",
+        classNames?.root,
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
           {
             className: cn(
-              "size-3 shrink-0 rounded-pill border-2 border-line-control @min-[240px]/pin:size-3.5",
-              index < current.length && "border-ink bg-ink"
-            )
-          },
-          `digit-${// biome-ignore lint/suspicious/noArrayIndexKey: fixed PIN positions
-          index}`
-        ))
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        className: "h-input w-full min-w-0 rounded-input border-control bg-surface-control px-2 text-center font-mono text-control text-ink tracking-[0.15em] @min-[240px]/pin:px-3 @min-[240px]/pin:tracking-[0.3em] focus:border-transparent focus:outline-2 focus:outline-accent-ink focus:-outline-offset-1",
-        type: "password",
-        inputMode: "numeric",
-        maxLength: length,
-        autoComplete: "off",
-        "aria-label": label,
-        "aria-describedby": statusId,
-        value: current,
-        onChange: handleChange
-      }
-    ),
-    /* @__PURE__ */ jsx("span", { id: statusId, className: "sr-only", "aria-live": "polite", children: statusLabel(current.length, length) })
-  ] });
+              "flex max-w-full flex-wrap justify-center gap-2 @min-[240px]/pin:gap-3",
+              classNames?.dots
+            ),
+            "aria-hidden": "true",
+            children: Array.from({ length }, (_, index) => /* @__PURE__ */ jsx(
+              "i",
+              {
+                className: cn(
+                  "size-3 shrink-0 rounded-pill border-2 border-line-control @min-[240px]/pin:size-3.5",
+                  index < current.length && "border-ink bg-ink",
+                  classNames?.dot
+                )
+              },
+              `digit-${// biome-ignore lint/suspicious/noArrayIndexKey: fixed PIN positions
+              index}`
+            ))
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            className: cn(
+              "h-input w-full min-w-0 rounded-input border-control bg-surface-control px-2 text-center font-mono text-control text-ink tracking-[0.15em] @min-[240px]/pin:px-3 @min-[240px]/pin:tracking-[0.3em] focus:border-transparent focus:outline-2 focus:outline-accent-ink focus:-outline-offset-1",
+              classNames?.input
+            ),
+            type: "password",
+            inputMode: "numeric",
+            maxLength: length,
+            autoComplete: "off",
+            "aria-label": label,
+            "aria-describedby": statusId,
+            value: current,
+            onChange: handleChange
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { id: statusId, className: "sr-only", "aria-live": "polite", children: statusLabel(current.length, length) })
+      ]
+    }
+  );
 }
 export {
   PinInput

package/dist/forms/radio-button-group/index.d.ts

@@ -1 +1 @@
-export { RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonOption, } from "./radio-button-group.js";
+export { RadioButtonGroup, type RadioButtonGroupPart, type RadioButtonGroupProps, type RadioButtonOption, } from "./radio-button-group.js";

package/dist/forms/radio-button-group/radio-button-group.d.ts

@@ -1,5 +1,7 @@
-import { type ButtonOption } from "../internal/button-option.js";
+import type { ClassNames } from "../../utils/class-names.js";
+import { type ButtonOption, type ButtonOptionPart } from "../internal/button-option.js";
 export type RadioButtonOption = ButtonOption;
+export type RadioButtonGroupPart = "root" | ButtonOptionPart;
 export interface RadioButtonGroupProps {
     options: RadioButtonOption[];
     value?: string;
@@ -10,10 +12,12 @@ export interface RadioButtonGroupProps {
     "aria-label"?: string;
     "aria-labelledby"?: string;
     className?: string;
+    /** Per-part classes merged with `cn`; consumer classes win. `className` still targets the root and is merged last. */
+    classNames?: ClassNames<RadioButtonGroupPart>;
 }
 /**
  * Exclusive choice where each option is a button-like card. Native radios underneath, so arrow
  * keys, form submission and the `radiogroup` semantics come from the browser. Distinct from
  * `RadioGroup` (dot indicator) and `Segmented` (2-4 compact options).
  */
-export declare function RadioButtonGroup({ options, value: valueProp, defaultValue, onValueChange, name, disabled, className, ...aria }: RadioButtonGroupProps): import("react").JSX.Element;
+export declare function RadioButtonGroup({ options, value: valueProp, defaultValue, onValueChange, name, disabled, className, classNames, ...aria }: RadioButtonGroupProps): import("react").JSX.Element;

package/dist/forms/radio-button-group/radio-button-group.js

@@ -2,7 +2,10 @@
 import { jsx } from "react/jsx-runtime";
 import { useId, useState } from "react";
 import { cn } from "../../utils/cn.js";
-import { OptionShell, optionGridClass } from "../internal/button-option.js";
+import {
+  OptionShell,
+  optionGridClass
+} from "../internal/button-option.js";
 function RadioButtonGroup({
   options,
   value: valueProp,
@@ -11,6 +14,7 @@ function RadioButtonGroup({
   name,
   disabled,
   className,
+  classNames,
   ...aria
 }) {
   const generated = useId();
@@ -20,12 +24,13 @@ function RadioButtonGroup({
     "div",
     {
       role: "radiogroup",
-      className: cn("@container/options", optionGridClass, className),
+      className: cn("@container/options", optionGridClass, classNames?.root, className),
       ...aria,
       children: options.map((option) => /* @__PURE__ */ jsx(
         OptionShell,
         {
           option,
+          classNames,
           input: /* @__PURE__ */ jsx(
             "input",
             {

package/dist/forms/rating/index.d.ts

@@ -1,2 +1,2 @@
 export { ratingFromPointer, ratingKey, roundRating, starFill } from "./model.js";
-export { Rating, type RatingProps } from "./rating.js";
+export { Rating, type RatingPart, type RatingProps } from "./rating.js";

package/dist/forms/rating/rating.d.ts

@@ -1,3 +1,5 @@
+import type { ClassNames } from "../../utils/class-names.js";
+export type RatingPart = "root" | "stars" | "star" | "icon" | "fill" | "value";
 export interface RatingProps {
     value?: number;
     defaultValue?: number;
@@ -12,9 +14,11 @@ export interface RatingProps {
     showValue?: boolean;
     "aria-label"?: string;
     className?: string;
+    /** Per-part classes merged with `cn`; consumer classes win. `className` still targets the root and is merged last. */
+    classNames?: ClassNames<RatingPart>;
 }
 /**
  * Star rating. Editable ratings are a single `role="slider"` (arrows, Home/End); read-only ones
  * are an `img` with the value as its label. Half values render as a half-filled star.
  */
-export declare function Rating({ value: valueProp, defaultValue, onValueChange, max, precision, readOnly, disabled, size, showValue, className, ...aria }: RatingProps): import("react").JSX.Element;
+export declare function Rating({ value: valueProp, defaultValue, onValueChange, max, precision, readOnly, disabled, size, showValue, className, classNames, ...aria }: RatingProps): import("react").JSX.Element;

package/dist/forms/rating/rating.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Star } from "lucide-react";
 import { useState } from "react";
+import { Star } from "../../icons/index.js";
 import { cn } from "../../utils/cn.js";
 import { ratingFromPointer, ratingKey, roundRating, starFill } from "./model.js";
 const sizes = { sm: "size-4", md: "size-5", lg: "size-7" };
@@ -16,6 +16,7 @@ function Rating({
   size = "md",
   showValue,
   className,
+  classNames,
   ...aria
 }) {
   const [inner, setInner] = useState(defaultValue);
@@ -48,21 +49,31 @@ function Rating({
     return /* @__PURE__ */ jsxs(
       "span",
       {
-        className: cn("relative inline-flex", interactive && "pressable cursor-pointer"),
+        className: cn(
+          "relative inline-flex",
+          interactive && "pressable cursor-pointer",
+          classNames?.star
+        ),
         onPointerMove: interactive ? (event) => setHover(pointerValue(event, index)) : void 0,
         onPointerUp: interactive ? (event) => {
           const next = pointerValue(event, index);
           set(next === value ? 0 : next);
         } : void 0,
         children: [
-          /* @__PURE__ */ jsx(Star, { "aria-hidden": "true", className: cn(sizes[size], "text-line-strong") }),
+          /* @__PURE__ */ jsx(
+            Star,
+            {
+              "aria-hidden": "true",
+              className: cn(sizes[size], "text-line-strong", classNames?.icon)
+            }
+          ),
           /* @__PURE__ */ jsx(
             "span",
             {
               "aria-hidden": "true",
-              className: "absolute inset-y-0 left-0 overflow-hidden",
+              className: cn("absolute inset-y-0 left-0 overflow-hidden", classNames?.fill),
               style: { width: `${fill * 100}%` },
-              children: /* @__PURE__ */ jsx(Star, { className: cn(sizes[size], "fill-warning text-warning") })
+              children: /* @__PURE__ */ jsx(Star, { className: cn(sizes[size], "fill-warning text-warning", classNames?.icon) })
             }
           )
         ]
@@ -76,6 +87,7 @@ function Rating({
     {
       className: cn(
         "@container/rating inline-flex max-w-full items-center gap-density-sm",
+        classNames?.root,
         className
       ),
       children: [
@@ -91,7 +103,10 @@ function Rating({
             "aria-valuetext": text,
             onKeyDown,
             onPointerLeave: () => setHover(null),
-            className: "inline-flex gap-0.5 rounded-chip outline-none focus-visible:focus-ring",
+            className: cn(
+              "inline-flex gap-0.5 rounded-chip outline-none focus-visible:focus-ring",
+              classNames?.stars
+            ),
             children: stars
           }
         ) : /* @__PURE__ */ jsx(
@@ -100,11 +115,11 @@ function Rating({
             role: "img",
             "aria-label": `${label}: ${text}`,
             "aria-disabled": disabled || void 0,
-            className: cn("inline-flex gap-0.5", disabled && "opacity-50"),
+            className: cn("inline-flex gap-0.5", disabled && "opacity-50", classNames?.stars),
             children: stars
           }
         ),
-        showValue ? /* @__PURE__ */ jsx("span", { className: "text-ink-2 text-meta tabular-nums", children: value }) : null
+        showValue ? /* @__PURE__ */ jsx("span", { className: cn("text-ink-2 text-meta tabular-nums", classNames?.value), children: value }) : null
       ]
     }
   );

package/dist/forms/select/select.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ChevronDown } from "lucide-react";
+import { ChevronDown } from "../../icons/index.js";
 import { cn } from "../../utils/cn.js";
 function Select({ className, children, ...props }) {
   return /* @__PURE__ */ jsxs("span", { className: "relative flex w-full items-center", children: [

package/dist/forms/slider/index.d.ts

@@ -1,2 +1,2 @@
 export { clampValue, keyboardValue, nearestThumb, type RangeValue, ratioOf, setRangeThumb, snapToStep, valueFromRatio, } from "./model.js";
-export { type RangeSliderProps, type SingleSliderProps, Slider, type SliderMark, type SliderProps, } from "./slider.js";
+export { type RangeSliderProps, type SingleSliderProps, Slider, type SliderMark, type SliderPart, type SliderProps, } from "./slider.js";

package/dist/forms/slider/slider.d.ts

@@ -1,8 +1,10 @@
+import type { ClassNames } from "../../utils/class-names.js";
 import { type RangeValue } from "./model.js";
 export interface SliderMark {
     value: number;
     label?: string;
 }
+export type SliderPart = "root" | "track" | "range" | "rail" | "thumb" | "value" | "mark" | "markLabel";
 interface SliderBaseProps {
     min?: number;
     max?: number;
@@ -23,6 +25,8 @@ interface SliderBaseProps {
     /** Form field name; a range submits `${name}-min` and `${name}-max`. */
     name?: string;
     className?: string;
+    /** Per-part classes merged with `cn`; consumer classes win. `className` still targets the root and is merged last. */
+    classNames?: ClassNames<SliderPart>;
 }
 export interface SingleSliderProps extends SliderBaseProps {
     value?: number;

package/dist/forms/slider/slider.js

@@ -23,7 +23,8 @@ function Slider(props) {
     showValue,
     formatValue = String,
     name,
-    className
+    className,
+    classNames
   } = props;
   const seed = props.value ?? props.defaultValue;
   const range = Array.isArray(seed);
@@ -105,12 +106,18 @@ function Slider(props) {
           if (dragging.current === null) setActive(null);
         },
         style: { left: `${ratioOf(current[index], min, max) * 100}%` },
-        className: "group/thumb -translate-x-1/2 -translate-y-1/2 absolute top-1/2 size-5 touch-none rounded-pill border-control bg-surface-control shadow-control outline-none focus-visible:focus-ring data-[active=true]:shadow-selected",
+        className: cn(
+          "group/thumb -translate-x-1/2 -translate-y-1/2 absolute top-1/2 size-5 touch-none rounded-pill border-control bg-surface-control shadow-control outline-none focus-visible:focus-ring data-[active=true]:shadow-selected",
+          classNames?.thumb
+        ),
         children: showValue ? /* @__PURE__ */ jsx(
           "span",
           {
             "aria-hidden": "true",
-            className: "-translate-x-1/2 pointer-events-none absolute bottom-full left-1/2 mb-1.5 whitespace-nowrap rounded-badge bg-surface-sunken px-1.5 py-0.5 text-chip-text text-ink-2 tabular-nums group-data-[active=true]/thumb:bg-ink group-data-[active=true]/thumb:text-surface",
+            className: cn(
+              "-translate-x-1/2 pointer-events-none absolute bottom-full left-1/2 mb-1.5 whitespace-nowrap rounded-badge bg-surface-sunken px-1.5 py-0.5 text-chip-text text-ink-2 tabular-nums group-data-[active=true]/thumb:bg-ink group-data-[active=true]/thumb:text-surface",
+              classNames?.value
+            ),
             children: formatValue(current[index])
           }
         ) : null
@@ -126,6 +133,7 @@ function Slider(props) {
         showValue && "pt-8",
         marks?.some((m) => m.label) && "pb-7",
         disabled && "opacity-50",
+        classNames?.root,
         className
       ),
       children: [
@@ -135,18 +143,30 @@ function Slider(props) {
             ref: trackRef,
             className: cn(
               "relative h-5 w-full touch-none select-none",
-              disabled ? "cursor-not-allowed" : "cursor-pointer"
+              disabled ? "cursor-not-allowed" : "cursor-pointer",
+              classNames?.track
             ),
             onPointerDown,
             onPointerMove,
             onPointerUp: endDrag,
             onPointerCancel: endDrag,
             children: [
-              /* @__PURE__ */ jsx("div", { className: "-translate-y-1/2 absolute inset-x-0 top-1/2 h-1.5 rounded-pill bg-line-strong" }),
               /* @__PURE__ */ jsx(
                 "div",
                 {
-                  className: "-translate-y-1/2 absolute top-1/2 h-1.5 rounded-pill bg-accent",
+                  className: cn(
+                    "-translate-y-1/2 absolute inset-x-0 top-1/2 h-1.5 rounded-pill bg-line-strong",
+                    classNames?.rail
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "-translate-y-1/2 absolute top-1/2 h-1.5 rounded-pill bg-accent",
+                    classNames?.range
+                  ),
                   style: { left: `${start * 100}%`, width: `${(end - start) * 100}%` }
                 }
               ),
@@ -157,8 +177,25 @@ function Slider(props) {
                   className: "absolute top-1/2",
                   style: { left: `${ratioOf(mark.value, min, max) * 100}%` },
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: "-translate-x-1/2 -translate-y-1/2 absolute size-1 rounded-pill bg-surface" }),
-                    mark.label ? /* @__PURE__ */ jsx("span", { className: "-translate-x-1/2 absolute top-3.5 whitespace-nowrap text-ink-3 text-meta", children: mark.label }) : null
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cn(
+                          "-translate-x-1/2 -translate-y-1/2 absolute size-1 rounded-pill bg-surface",
+                          classNames?.mark
+                        )
+                      }
+                    ),
+                    mark.label ? /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cn(
+                          "-translate-x-1/2 absolute top-3.5 whitespace-nowrap text-ink-3 text-meta",
+                          classNames?.markLabel
+                        ),
+                        children: mark.label
+                      }
+                    ) : null
                   ]
                 },
                 mark.value

package/dist/i18n/strings.d.ts

@@ -10,6 +10,7 @@ export interface UiStrings {
     actionFailed: string;
     somethingWrong: string;
     actions: string;
+    notifications: string;
 }
 export type UiLocale = "en" | "es";
 export declare const uiStrings: {
@@ -25,6 +26,7 @@ export declare const uiStrings: {
         readonly actionFailed: "The action could not be completed. Try again.";
         readonly somethingWrong: "Something went wrong. Try again.";
         readonly actions: "Actions";
+        readonly notifications: "Notifications";
     };
     readonly es: {
         readonly retry: "Reintentar";
@@ -38,5 +40,6 @@ export declare const uiStrings: {
         readonly actionFailed: "No se pudo completar la acción. Inténtalo de nuevo.";
         readonly somethingWrong: "Algo salió mal. Inténtalo de nuevo.";
         readonly actions: "Acciones";
+        readonly notifications: "Notificaciones";
     };
 };

package/dist/i18n/strings.js

@@ -10,7 +10,8 @@ const uiStrings = {
     correlationPrefix: "ID:",
     actionFailed: "The action could not be completed. Try again.",
     somethingWrong: "Something went wrong. Try again.",
-    actions: "Actions"
+    actions: "Actions",
+    notifications: "Notifications"
   },
   es: {
     retry: "Reintentar",
@@ -23,7 +24,8 @@ const uiStrings = {
     correlationPrefix: "ID:",
     actionFailed: "No se pudo completar la acci\xF3n. Int\xE9ntalo de nuevo.",
     somethingWrong: "Algo sali\xF3 mal. Int\xE9ntalo de nuevo.",
-    actions: "Acciones"
+    actions: "Acciones",
+    notifications: "Notificaciones"
   }
 };
 export {

package/dist/icons/alert-triangle.d.ts

@@ -0,0 +1 @@
+export { TriangleAlert as AlertTriangle } from "./triangle-alert.js";

package/dist/icons/alert-triangle.js

@@ -0,0 +1,4 @@
+import { TriangleAlert } from "./triangle-alert.js";
+export {
+  TriangleAlert as AlertTriangle
+};

package/dist/icons/archive.d.ts

@@ -0,0 +1,2 @@
+import { type IconProps } from "./icon-base.js";
+export declare function Archive(props: IconProps): import("react").JSX.Element;

package/dist/icons/archive.js

@@ -0,0 +1,12 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconBase } from "./icon-base.js";
+function Archive(props) {
+  return /* @__PURE__ */ jsxs(IconBase, { ...props, children: [
+    /* @__PURE__ */ jsx("rect", { width: "20", height: "5", x: "2", y: "3", rx: "1" }),
+    /* @__PURE__ */ jsx("path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8" }),
+    /* @__PURE__ */ jsx("path", { d: "M10 12h4" })
+  ] });
+}
+export {
+  Archive
+};

package/dist/icons/armchair.d.ts

@@ -0,0 +1,2 @@
+import { type IconProps } from "./icon-base.js";
+export declare function Armchair(props: IconProps): import("react").JSX.Element;

package/dist/icons/armchair.js

@@ -0,0 +1,13 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconBase } from "./icon-base.js";
+function Armchair(props) {
+  return /* @__PURE__ */ jsxs(IconBase, { ...props, children: [
+    /* @__PURE__ */ jsx("path", { d: "M19 9V6a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v3" }),
+    /* @__PURE__ */ jsx("path", { d: "M3 16a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5a2 2 0 0 0-4 0v1.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V11a2 2 0 0 0-4 0z" }),
+    /* @__PURE__ */ jsx("path", { d: "M5 18v2" }),
+    /* @__PURE__ */ jsx("path", { d: "M19 18v2" })
+  ] });
+}
+export {
+  Armchair
+};

package/dist/icons/arrow-down-right.d.ts

@@ -0,0 +1,2 @@
+import { type IconProps } from "./icon-base.js";
+export declare function ArrowDownRight(props: IconProps): import("react").JSX.Element;

package/dist/icons/arrow-down-right.js

@@ -0,0 +1,11 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconBase } from "./icon-base.js";
+function ArrowDownRight(props) {
+  return /* @__PURE__ */ jsxs(IconBase, { ...props, children: [
+    /* @__PURE__ */ jsx("path", { d: "m7 7 10 10" }),
+    /* @__PURE__ */ jsx("path", { d: "M17 7v10H7" })
+  ] });
+}
+export {
+  ArrowDownRight
+};

package/dist/icons/arrow-down-to-line.d.ts

@@ -0,0 +1,2 @@
+import { type IconProps } from "./icon-base.js";
+export declare function ArrowDownToLine(props: IconProps): import("react").JSX.Element;

package/dist/icons/arrow-down-to-line.js

@@ -0,0 +1,12 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconBase } from "./icon-base.js";
+function ArrowDownToLine(props) {
+  return /* @__PURE__ */ jsxs(IconBase, { ...props, children: [
+    /* @__PURE__ */ jsx("path", { d: "M12 17V3" }),
+    /* @__PURE__ */ jsx("path", { d: "m6 11 6 6 6-6" }),
+    /* @__PURE__ */ jsx("path", { d: "M19 21H5" })
+  ] });
+}
+export {
+  ArrowDownToLine
+};

package/dist/icons/arrow-down.d.ts

@@ -0,0 +1,2 @@
+import { type IconProps } from "./icon-base.js";
+export declare function ArrowDown(props: IconProps): import("react").JSX.Element;

package/dist/icons/arrow-down.js

@@ -0,0 +1,11 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconBase } from "./icon-base.js";
+function ArrowDown(props) {
+  return /* @__PURE__ */ jsxs(IconBase, { ...props, children: [
+    /* @__PURE__ */ jsx("path", { d: "M12 5v14" }),
+    /* @__PURE__ */ jsx("path", { d: "m19 12-7 7-7-7" })
+  ] });
+}
+export {
+  ArrowDown
+};

package/dist/icons/arrow-left-to-line.d.ts

@@ -0,0 +1,2 @@
+import { type IconProps } from "./icon-base.js";
+export declare function ArrowLeftToLine(props: IconProps): import("react").JSX.Element;