@jcsoftdev/ui 0.1.6 → 0.2.0

package/dist/utils/form-bubble.js

@@ -0,0 +1,120 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useReducer, useRef, useState } from "react";
+function useFormBubble(form) {
+  const [control, setControl] = useState(null);
+  const [input, setInput] = useState(null);
+  const stoppedRef = useRef(false);
+  const [interactions, markInteraction] = useReducer((count) => count + 1, 0);
+  const isFormControl = control ? !!form || !!control.closest("form") : true;
+  function onControlClick(event, interacted = true) {
+    if (interacted) markInteraction();
+    if (input && isFormControl) {
+      stoppedRef.current = event.isPropagationStopped();
+      if (!stoppedRef.current) event.stopPropagation();
+    }
+  }
+  return {
+    control,
+    setControl,
+    input,
+    setInput,
+    stoppedRef,
+    interactions,
+    isFormControl,
+    onControlClick
+  };
+}
+function useFormReset(control, form, onReset) {
+  const resetRef = useRef(onReset);
+  useEffect(() => {
+    resetRef.current = onReset;
+  });
+  useEffect(() => {
+    if (!control) return;
+    const owner = form ? control.ownerDocument.getElementById(form) : control.closest("form");
+    if (!(owner instanceof HTMLFormElement)) return;
+    const reset = () => resetRef.current();
+    owner.addEventListener("reset", reset);
+    return () => owner.removeEventListener("reset", reset);
+  }, [control, form]);
+}
+function useControlSize(control) {
+  const [size, setSize] = useState();
+  useEffect(() => {
+    if (!control) return setSize(void 0);
+    const update = () => setSize({ width: control.offsetWidth, height: control.offsetHeight });
+    update();
+    const observer = new ResizeObserver(update);
+    observer.observe(control, { box: "border-box" });
+    return () => observer.disconnect();
+  }, [control]);
+  return size;
+}
+function BubbleInput({
+  type,
+  checked,
+  bubble,
+  name,
+  value,
+  required,
+  disabled,
+  form
+}) {
+  const { control, input, setInput, stoppedRef, interactions } = bubble;
+  const size = useControlSize(control);
+  const stopClickRef = useRef(false);
+  const prevCheckedRef = useRef(checked);
+  const prevInteractionsRef = useRef(interactions);
+  const initialRef = useRef(checked === true);
+  useEffect(() => {
+    if (!input) return;
+    const isUserInteraction = interactions !== prevInteractionsRef.current;
+    prevInteractionsRef.current = interactions;
+    const changed = prevCheckedRef.current !== checked;
+    prevCheckedRef.current = checked;
+    if (!changed) return;
+    const setter = Object.getOwnPropertyDescriptor(
+      window.HTMLInputElement.prototype,
+      "checked"
+    )?.set;
+    if (!setter) return;
+    const bubbles = !(isUserInteraction && stoppedRef.current);
+    stopClickRef.current = !isUserInteraction;
+    input.indeterminate = checked === "indeterminate";
+    setter.call(input, checked === true);
+    input.dispatchEvent(new Event("click", { bubbles }));
+    stopClickRef.current = false;
+  }, [input, checked, interactions, stoppedRef]);
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type,
+      "aria-hidden": true,
+      defaultChecked: initialRef.current,
+      required,
+      disabled,
+      name,
+      value,
+      form,
+      tabIndex: -1,
+      ref: setInput,
+      onClick: (event) => {
+        if (stopClickRef.current) event.stopPropagation();
+      },
+      style: {
+        ...size,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0,
+        transform: "translateX(-100%)"
+      }
+    }
+  );
+}
+export {
+  BubbleInput,
+  useFormBubble,
+  useFormReset
+};

package/dist/utils/index.d.ts

@@ -1,2 +1,3 @@
-export { cn } from "./cn.js";
+export type { ClassNames } from "./class-names.js";
+export { type ClassMergeConfig, type ClassMergeTheme, type Cn, cn, createCn, extendCn, } from "./cn.js";
 export { usePrefersReducedMotion } from "./reduced-motion.js";

package/dist/utils/index.js

@@ -1,6 +1,12 @@
-import { cn } from "./cn.js";
+import {
+  cn,
+  createCn,
+  extendCn
+} from "./cn.js";
 import { usePrefersReducedMotion } from "./reduced-motion.js";
 export {
   cn,
+  createCn,
+  extendCn,
   usePrefersReducedMotion
 };

package/dist/utils/roving-focus.d.ts

@@ -0,0 +1,42 @@
+import { type FocusEvent, type KeyboardEvent } from "react";
+export type RovingOrientation = "horizontal" | "vertical";
+export type RovingDirection = "ltr" | "rtl";
+export type RovingIntent = "first" | "last" | "prev" | "next";
+export interface RovingFocusOptions {
+    /** Restricts arrows to one axis; both axes work when omitted. */
+    orientation?: RovingOrientation | undefined;
+    /** Flips ArrowLeft/ArrowRight in `rtl`. */
+    dir?: RovingDirection | undefined;
+    /** Wraps around at the ends. Defaults to `true`. */
+    loop?: boolean | undefined;
+    /** Item that owns the tab stop until focus moves (the selected one, if any). */
+    activeId?: string | null | undefined;
+}
+export declare function getRovingIntent(key: string, { orientation, dir }: Pick<RovingFocusOptions, "orientation" | "dir">): RovingIntent | undefined;
+export declare function findRovingTarget(items: HTMLElement[], current: HTMLElement, intent: RovingIntent, loop: boolean): HTMLElement | undefined;
+export interface RovingItemOptions<E extends HTMLElement = HTMLElement> {
+    /** Disabled items leave the arrow order and the tab order. */
+    disabled?: boolean | undefined;
+    onKeyDown?: ((event: KeyboardEvent<E>) => void) | undefined;
+    onFocus?: ((event: FocusEvent<E>) => void) | undefined;
+    /** Called after focus moved to `target` through `key`. */
+    onNavigate?: ((target: HTMLElement, key: string) => void) | undefined;
+}
+/**
+ * Roving tabindex for composite widgets. Spread `rootProps` on the container
+ * and `getItemProps(id, ...)` on each item; order comes from the DOM, so it
+ * works for any children (radios, tabs, segmented controls, menu items).
+ */
+export declare function useRovingFocus(options?: RovingFocusOptions): {
+    rootProps: {
+        ref: (node: HTMLElement | null) => void;
+        tabIndex: number;
+        onFocus: (event: FocusEvent<HTMLElement>) => void;
+    };
+    getItemProps: <E extends HTMLElement = HTMLElement>(id: string, item?: RovingItemOptions<E>) => {
+        "data-roving-item": string | undefined;
+        tabIndex: number;
+        onFocus: (event: FocusEvent<E, Element>) => void;
+        onKeyDown: (event: KeyboardEvent<E>) => void;
+    };
+};

package/dist/utils/roving-focus.js

@@ -0,0 +1,67 @@
+import { useCallback, useRef, useState } from "react";
+import { composeHandlers } from "./compose.js";
+const ITEM_ATTR = "data-roving-item";
+function getRovingIntent(key, { orientation, dir = "ltr" }) {
+  if (key === "Home" || key === "PageUp") return "first";
+  if (key === "End" || key === "PageDown") return "last";
+  const horizontal = key === "ArrowLeft" || key === "ArrowRight";
+  const vertical = key === "ArrowUp" || key === "ArrowDown";
+  if (!horizontal && !vertical) return void 0;
+  if (orientation === "vertical" && horizontal) return void 0;
+  if (orientation === "horizontal" && vertical) return void 0;
+  const forward = key === "ArrowRight" ? dir === "ltr" : key === "ArrowLeft" ? dir === "rtl" : key === "ArrowDown";
+  return forward ? "next" : "prev";
+}
+function findRovingTarget(items, current, intent, loop) {
+  if (intent === "first") return items[0];
+  if (intent === "last") return items[items.length - 1];
+  const index = items.indexOf(current);
+  const step = intent === "next" ? 1 : -1;
+  const next = index + step;
+  if (next >= 0 && next < items.length) return items[next];
+  return loop ? items[(next + items.length) % items.length] : void 0;
+}
+function useRovingFocus(options = {}) {
+  const { orientation, dir, loop = true, activeId } = options;
+  const rootRef = useRef(null);
+  const [focusedId, setFocusedId] = useState(null);
+  const stopId = focusedId ?? activeId ?? null;
+  const getItems = useCallback(
+    () => Array.from(rootRef.current?.querySelectorAll(`[${ITEM_ATTR}]`) ?? []),
+    []
+  );
+  const setRoot = useCallback((node) => {
+    rootRef.current = node;
+  }, []);
+  const rootProps = {
+    ref: setRoot,
+    tabIndex: stopId === null ? 0 : -1,
+    onFocus: (event) => {
+      if (event.target === event.currentTarget) getItems()[0]?.focus();
+    }
+  };
+  function getItemProps(id, item = {}) {
+    const { disabled, onKeyDown, onFocus, onNavigate } = item;
+    return {
+      [ITEM_ATTR]: disabled ? void 0 : "",
+      tabIndex: !disabled && stopId === id ? 0 : -1,
+      onFocus: composeHandlers(onFocus, () => setFocusedId(id)),
+      onKeyDown: composeHandlers(onKeyDown, (event) => {
+        if (event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return;
+        const intent = getRovingIntent(event.key, { orientation, dir });
+        if (!intent) return;
+        event.preventDefault();
+        const target = findRovingTarget(getItems(), event.currentTarget, intent, loop);
+        if (!target) return;
+        target.focus();
+        onNavigate?.(target, event.key);
+      })
+    };
+  }
+  return { rootProps, getItemProps };
+}
+export {
+  findRovingTarget,
+  getRovingIntent,
+  useRovingFocus
+};

package/dist/utils/slot.d.ts

@@ -0,0 +1,16 @@
+import { type HTMLAttributes, type ReactElement, type ReactNode, type Ref, type RefCallback } from "react";
+type AnyProps = Record<string, unknown>;
+export interface SlotProps extends HTMLAttributes<HTMLElement> {
+    children?: ReactNode;
+    ref?: Ref<HTMLElement>;
+}
+export declare function composeRefs<T>(...refs: Array<Ref<T> | undefined>): RefCallback<T>;
+/**
+ * Renders its single child element with the Slot's own props merged in: handlers run
+ * child first, then slot; `className` is concatenated; `style` merges with the child
+ * winning; `aria-describedby` ids are unioned; refs are composed.
+ */
+export declare function Slot({ children, ref, ...slotProps }: SlotProps): string | number | bigint | false | ReactElement<AnyProps & {
+    ref?: Ref<HTMLElement>;
+}, string | import("react").JSXElementConstructor<any>> | null;
+export {};

package/dist/utils/slot.js

@@ -0,0 +1,74 @@
+import {
+  Children,
+  cloneElement,
+  Fragment,
+  isValidElement
+} from "react";
+function setRef(ref, value) {
+  if (typeof ref === "function") ref(value);
+  else if (ref) ref.current = value;
+}
+function composeRefs(...refs) {
+  return (node) => {
+    const cleanups = [];
+    for (const ref of refs) {
+      const result = typeof ref === "function" ? ref(node) : void 0;
+      if (typeof ref !== "function") setRef(ref, node);
+      else if (typeof result === "function") cleanups.push(result);
+      else cleanups.push(() => setRef(ref, null));
+    }
+    return () => {
+      for (const cleanup of cleanups) cleanup();
+    };
+  };
+}
+function mergeProps(slotProps, childProps) {
+  const merged = { ...childProps };
+  for (const name of Object.keys(childProps)) {
+    const slotValue = slotProps[name];
+    const childValue = childProps[name];
+    if (/^on[A-Z]/.test(name)) {
+      if (typeof slotValue === "function" && typeof childValue === "function") {
+        merged[name] = (...args) => {
+          const result = childValue(...args);
+          slotValue(...args);
+          return result;
+        };
+      } else if (slotValue) {
+        merged[name] = slotValue;
+      }
+    } else if (name === "style") {
+      merged[name] = { ...slotValue, ...childValue };
+    } else if (name === "className") {
+      merged[name] = [slotValue, childValue].filter(Boolean).join(" ");
+    } else if (name === "aria-describedby") {
+      const ids = /* @__PURE__ */ new Set();
+      for (const value of [childValue, slotValue]) {
+        if (typeof value !== "string") continue;
+        for (const id of value.trim().split(/\s+/)) if (id) ids.add(id);
+      }
+      merged[name] = ids.size > 0 ? [...ids].join(" ") : void 0;
+    }
+  }
+  return { ...slotProps, ...merged };
+}
+function Slot({ children, ref, ...slotProps }) {
+  if (Children.count(children) !== 1 || !isValidElement(children)) {
+    if (children || children === 0) {
+      throw new Error(
+        "Slot failed to slot onto its children. Expected a single React element child."
+      );
+    }
+    return children ?? null;
+  }
+  const child = children;
+  const merged = mergeProps(slotProps, child.props);
+  if (child.type !== Fragment) {
+    merged.ref = ref ? composeRefs(ref, child.props.ref) : child.props.ref;
+  }
+  return cloneElement(child, merged);
+}
+export {
+  Slot,
+  composeRefs
+};

package/dist/utils/use-controllable-state.d.ts

@@ -0,0 +1,13 @@
+export interface ControllableStateOptions<T> {
+    /** Controlled value. `undefined` means uncontrolled. */
+    prop: T | undefined;
+    defaultProp: T;
+    onChange?: ((value: T) => void) | undefined;
+}
+type Updater<T> = T | ((prev: T) => T);
+/**
+ * Controlled/uncontrolled state. `onChange` fires only when the value really
+ * changes, for both modes; a controlled owner stays the source of truth.
+ */
+export declare function useControllableState<T>({ prop, defaultProp, onChange, }: ControllableStateOptions<T>): [T, (next: Updater<T>) => void];
+export {};

package/dist/utils/use-controllable-state.js

@@ -0,0 +1,32 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+function useControllableState({
+  prop,
+  defaultProp,
+  onChange
+}) {
+  const [uncontrolled, setUncontrolled] = useState(defaultProp);
+  const isControlled = prop !== void 0;
+  const value = isControlled ? prop : uncontrolled;
+  const valueRef = useRef(value);
+  const onChangeRef = useRef(onChange);
+  useEffect(() => {
+    valueRef.current = value;
+    onChangeRef.current = onChange;
+  });
+  const setValue = useCallback(
+    (next) => {
+      const resolved = typeof next === "function" ? next(valueRef.current) : next;
+      if (Object.is(resolved, valueRef.current)) return;
+      if (!isControlled) {
+        valueRef.current = resolved;
+        setUncontrolled(resolved);
+      }
+      onChangeRef.current?.(resolved);
+    },
+    [isControlled]
+  );
+  return [value, setValue];
+}
+export {
+  useControllableState
+};

package/icons/LICENSE-lucide

@@ -0,0 +1,43 @@
+ISC License
+
+Copyright (c) 2026 Lucide Icons and Contributors
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+
+---
+
+The following Lucide icons are derived from the Feather project:
+
+airplay, alert-circle, alert-octagon, alert-triangle, aperture, arrow-down-circle, arrow-down-left, arrow-down-right, arrow-down, arrow-left-circle, arrow-left, arrow-right-circle, arrow-right, arrow-up-circle, arrow-up-left, arrow-up-right, arrow-up, at-sign, calendar, cast, check, chevron-down, chevron-left, chevron-right, chevron-up, chevrons-down, chevrons-left, chevrons-right, chevrons-up, circle, clipboard, clock, code, columns, command, compass, corner-down-left, corner-down-right, corner-left-down, corner-left-up, corner-right-down, corner-right-up, corner-up-left, corner-up-right, crosshair, database, divide-circle, divide-square, dollar-sign, download, external-link, feather, frown, hash, headphones, help-circle, info, italic, key, layout, life-buoy, link-2, link, loader, lock, log-in, log-out, maximize, meh, minimize, minimize-2, minus-circle, minus-square, minus, monitor, moon, more-horizontal, more-vertical, move, music, navigation-2, navigation, octagon, pause-circle, percent, plus-circle, plus-square, plus, power, radio, rss, search, server, share, shopping-bag, sidebar, smartphone, smile, square, table-2, tablet, target, terminal, trash-2, trash, triangle, tv, type, upload, x-circle, x-octagon, x-square, x, zoom-in, zoom-out
+
+The MIT License (MIT) (for the icons listed above)
+
+Copyright (c) 2013-present Cole Bemis
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/icons/README.md

@@ -0,0 +1,15 @@
+# Icon source
+
+`svg/` holds the SVG sources of every icon the library ships. They are vendored unchanged from
+[Lucide](https://lucide.dev) (`lucide-react` 1.53.0, ISC license, see `LICENSE-lucide`).
+`aliases.json` maps legacy Lucide names (e.g. `AlertTriangle`) to the canonical icon file.
+
+The React components in `src/icons/` are generated from this directory:
+
+```sh
+node scripts/build-icons.mjs
+```
+
+This directory is the single source of truth for other targets (the Compose kit generates its
+`ImageVector`s from the same files). To add an icon, drop its Lucide SVG in `svg/` and re-run the
+generator.

package/icons/aliases.json

@@ -0,0 +1,12 @@
+{
+  "AlertTriangle": "TriangleAlert",
+  "BarChart2": "ChartNoAxesColumn",
+  "BarChart3": "ChartColumn",
+  "CheckCircle2": "CircleCheck",
+  "Filter": "Funnel",
+  "Smile": "FaceSlightlySmiling",
+  "SmilePlus": "FaceSlightlySmilingPlus",
+  "Trash2": "Trash",
+  "XCircle": "CircleX",
+  "XOctagon": "OctagonX"
+}

package/icons/svg/archive.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <rect width="20" height="5" x="2" y="3" rx="1" />
+  <path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8" />
+  <path d="M10 12h4" />
+</svg>

package/icons/svg/armchair.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M19 9V6a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v3" />
+  <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" />
+  <path d="M5 18v2" />
+  <path d="M19 18v2" />
+</svg>

package/icons/svg/arrow-down-right.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="m7 7 10 10" />
+  <path d="M17 7v10H7" />
+</svg>

package/icons/svg/arrow-down-to-line.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12 17V3" />
+  <path d="m6 11 6 6 6-6" />
+  <path d="M19 21H5" />
+</svg>

package/icons/svg/arrow-down.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12 5v14" />
+  <path d="m19 12-7 7-7-7" />
+</svg>

package/icons/svg/arrow-left-to-line.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M3 19V5" />
+  <path d="m13 6-6 6 6 6" />
+  <path d="M7 12h14" />
+</svg>

package/icons/svg/arrow-left.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="m12 19-7-7 7-7" />
+  <path d="M19 12H5" />
+</svg>

package/icons/svg/arrow-right-to-line.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M17 12H3" />
+  <path d="m11 18 6-6-6-6" />
+  <path d="M21 5v14" />
+</svg>

package/icons/svg/arrow-right.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M5 12h14" />
+  <path d="m12 5 7 7-7 7" />
+</svg>

package/icons/svg/arrow-up-from-line.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="m18 9-6-6-6 6" />
+  <path d="M12 3v14" />
+  <path d="M5 21h14" />
+</svg>

package/icons/svg/arrow-up-right.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M7 7h10v10" />
+  <path d="M7 17 17 7" />
+</svg>

package/icons/svg/arrow-up-to-line.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M5 3h14" />
+  <path d="m18 13-6-6-6 6" />
+  <path d="M12 7v14" />
+</svg>

package/icons/svg/arrow-up.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="m5 12 7-7 7 7" />
+  <path d="M12 19V5" />
+</svg>

package/icons/svg/banknote.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <rect width="20" height="12" x="2" y="6" rx="2" />
+  <circle cx="12" cy="12" r="2" />
+  <path d="M6 12h.01M18 12h.01" />
+</svg>

package/icons/svg/bell.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M10.268 21a2 2 0 0 0 3.464 0" />
+  <path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326" />
+</svg>

package/icons/svg/bold.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8" />
+</svg>

package/icons/svg/book-open.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12 5v16" />
+  <path d="M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z" />
+</svg>

package/icons/svg/boxes.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z" />
+  <path d="m7 16.5-4.74-2.85" />
+  <path d="m7 16.5 5-3" />
+  <path d="M7 16.5v5.17" />
+  <path d="M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z" />
+  <path d="m17 16.5-5-3" />
+  <path d="m17 16.5 4.74-2.85" />
+  <path d="M17 16.5v5.17" />
+  <path d="M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z" />
+  <path d="M12 8 7.26 5.15" />
+  <path d="m12 8 4.74-2.85" />
+  <path d="M12 13.5V8" />
+</svg>

package/icons/svg/brain.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12 18V5" />
+  <path d="M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4" />
+  <path d="M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5" />
+  <path d="M17.997 5.125a4 4 0 0 1 2.526 5.77" />
+  <path d="M18 18a4 4 0 0 0 2-7.464" />
+  <path d="M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517" />
+  <path d="M6 18a4 4 0 0 1-2-7.464" />
+  <path d="M6.003 5.125a4 4 0 0 0-2.526 5.77" />
+</svg>

package/icons/svg/calculator.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <rect width="16" height="20" x="4" y="2" rx="2" />
+  <line x1="8" x2="16" y1="6" y2="6" />
+  <line x1="16" x2="16" y1="14" y2="18" />
+  <path d="M16 10h.01" />
+  <path d="M12 10h.01" />
+  <path d="M8 10h.01" />
+  <path d="M12 14h.01" />
+  <path d="M8 14h.01" />
+  <path d="M12 18h.01" />
+  <path d="M8 18h.01" />
+</svg>

package/icons/svg/calendar-check.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M8 2v3" />
+  <path d="M16 2v3" />
+  <rect x="3" y="3" width="18" height="18" rx="2" />
+  <path d="M3 9h18" />
+  <path d="m9 15 2 2 4-4" />
+</svg>

package/icons/svg/calendar-clock.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M16 14v2.2l1.6 1" />
+  <path d="M16 2v3" />
+  <path d="M21 7.338V5a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h2.338" />
+  <path d="M3 9h5.859" />
+  <path d="M8 2v3" />
+  <circle cx="16" cy="16" r="6" />
+</svg>