@jonmilner/ui 0.0.0-stage → 0.1.1

package/dist/docs/manifest.schema.json

@@ -0,0 +1,96 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "https://github.com/jonmilner/ui/manifest.schema.json",
+  "title": "@jonmilner/ui manifest",
+  "description": "Every component, prop, variant, icon and token in @jonmilner/ui, generated from the TypeScript types by scripts/docs.ts.",
+  "type": "object",
+  "required": ["$schema", "package", "version", "components", "styleProps", "icons", "tokens"],
+  "additionalProperties": false,
+  "properties": {
+    "$schema": { "const": "./manifest.schema.json" },
+    "package": { "const": "@jonmilner/ui" },
+    "version": { "type": "string", "pattern": "^\\d+\\.\\d+\\.\\d+" },
+    "components": {
+      "type": "array",
+      "minItems": 1,
+      "items": { "$ref": "#/$defs/component" }
+    },
+    "styleProps": {
+      "description": "The style props every component with `styleProps: true` takes.",
+      "type": "array",
+      "minItems": 1,
+      "items": { "$ref": "#/$defs/prop" }
+    },
+    "icons": {
+      "description": "Icon components exported from @jonmilner/ui/icons.",
+      "type": "array",
+      "items": { "type": "string", "pattern": "^[A-Z]\\w*Icon$" },
+      "uniqueItems": true
+    },
+    "tokens": {
+      "description": "Token paths to their CSS custom property references.",
+      "type": "object",
+      "minProperties": 1,
+      "additionalProperties": { "type": "string", "pattern": "^var\\(--[\\w-]+\\)$" }
+    }
+  },
+  "$defs": {
+    "name": { "type": "string", "pattern": "^[A-Z]\\w*(\\.[A-Z]\\w*)?$" },
+    "part": {
+      "type": "object",
+      "required": ["name", "styleProps", "props"],
+      "properties": {
+        "name": { "$ref": "#/$defs/name" },
+        "element": {
+          "description": "The default element of a polymorphic `as`.",
+          "type": "string"
+        },
+        "styleProps": { "type": "boolean" },
+        "props": { "type": "array", "items": { "$ref": "#/$defs/prop" } }
+      }
+    },
+    "component": {
+      "type": "object",
+      "allOf": [{ "$ref": "#/$defs/part" }],
+      "required": ["parts", "exports"],
+      "unevaluatedProperties": false,
+      "properties": {
+        "namespace": {
+          "description": "Not a component: an object of parts. Render its parts, never it.",
+          "const": true
+        },
+        "parts": {
+          "type": "array",
+          "items": { "type": "object", "$ref": "#/$defs/part", "unevaluatedProperties": false }
+        },
+        "exports": {
+          "description": "Other value exports of the component's module.",
+          "type": "array",
+          "items": { "type": "string" }
+        }
+      }
+    },
+    "prop": {
+      "type": "object",
+      "required": ["name", "type", "required"],
+      "additionalProperties": false,
+      "properties": {
+        "name": { "type": "string", "minLength": 1 },
+        "type": { "type": "string", "minLength": 1 },
+        "required": { "type": "boolean" },
+        "values": {
+          "description": "The literal values of a variant prop.",
+          "type": "array",
+          "minItems": 1,
+          "items": { "type": ["string", "number"] },
+          "uniqueItems": true
+        },
+        "responsive": {
+          "description": "Also takes a value per breakpoint.",
+          "type": "boolean"
+        },
+        "description": { "type": "string" }
+      }
+    }
+  }
+}

package/dist/docs/migrations/README.md

@@ -0,0 +1,27 @@
+# Migrations
+
+One file per breaking release, named for the version that introduces the break: `0.3.0.md`. While `@jonmilner/ui` is 0.x, every `minor` or `major` changeset is breaking and must ship its file (decision 0008). CI fails without it (`pnpm check:migrations`).
+
+To upgrade, apply every file whose version is above the installed one and at most the target, oldest first.
+
+## Template
+
+Copy this into `<version>.md`. Keep all three sections; each heading is checked.
+
+```md
+# <version>
+
+One sentence on what changed and why.
+
+## Find
+
+Searchable patterns, one per change: an exact string or a regex, and where to run it.
+
+## Replace
+
+The exact replacement for each pattern above, as before and after code.
+
+## Verify
+
+The command that proves the upgrade worked, and what passing looks like.
+```

package/dist/docs/theming.md

@@ -0,0 +1,59 @@
+# Theming
+
+`ThemeProvider` picks a brand and a mode for its subtree. It is a Server Component: no context, no hooks, no `'use client'`.
+
+```tsx
+import { ThemeProvider } from "@jonmilner/ui";
+import "@jonmilner/ui/base.css";
+
+<ThemeProvider brand="default" mode="system">
+  <App />
+</ThemeProvider>;
+```
+
+- `brand`: a preset from `base.css` (`default`). Default `default`.
+- `mode`: `light`, `dark` or `system`. Default `system`, which follows the OS with no JS and no flash.
+- `theme`: a custom brand from `defineTheme()`, instead of `brand`.
+
+It renders a `<div data-brand data-mode>`; other `div` props pass through.
+
+## Custom brands
+
+```tsx
+import { ThemeProvider, defineTheme } from "@jonmilner/ui";
+import { defaultBrand } from "@jonmilner/ui/brands";
+
+const inbox = defineTheme({
+  ...defaultBrand,
+  name: "inbox",
+  color: { ...defaultBrand.color, accent: "light-dark(#b00020, #ff8a80)" },
+});
+
+<ThemeProvider theme={inbox} mode="system">
+  <App />
+</ThemeProvider>;
+```
+
+`defineTheme(brand)` takes a full `Brand`: every color role as `light-dark(<light>, <dark>)` and every font role. A missing role is a type error. It returns CSS that `ThemeProvider` renders as `<style href precedence="ui-theme">`; React hoists it into `<head>` and renders it once per name.
+
+- **Give a custom brand its own name.** A theme applies page-wide, not only inside its provider: a theme named `default` recolors every `default` provider on the page. The name must be a CSS identifier.
+- **Contrast is checked in development.** Outside production, `defineTheme` throws when a text, fill or focus pair fails WCAG AA in either mode, and lists the pairs. It also checks text on component fills mixed from your roles, such as the dark-mode menu highlight (`fg` 10% into `bgRaised`), where `fg`, `fgMuted` and `danger` need 4.5:1 too, and Button's hover (`fg` 15% over each variant's fill), where `fg`, `accentFg` and `dangerFg` need 4.5:1 on `bg`, `accent` and `danger` tinted. The roles a fill mixes must be opaque. Colors must be literal: hex, `rgb()`, `oklab()`, `oklch()`, `color-mix()` or `light-dark()`. Named colors other than `white`, `black` and `transparent` are rejected, as is a translucent background. `var()` may only reference another color role (`var(--color-accent)`).
+- **Override theme tokens in unlayered CSS or in the theme itself.** The theme is unlayered, so a token set in `@layer app` loses to it. Preset tokens live in `@layer tokens` and can be overridden from `@layer app`.
+- **Fallback faces are global.** A brand font's fallback face is named `"<Family> Fallback"`. The theme declares only faces `base.css` lacks; reusing a family name that a preset declares with other metrics throws.
+- **Values must be plain.** Color values and font names may not contain CSS syntax (`;`, braces, `<`, `>`, `\`, `!`, `/*`) or, for font names, quotes; `defineTheme` throws in every mode.
+- **Each change gets its own `href`.** The `href` hashes the CSS, so a theme rebuilt with new colors replaces the old one instead of being deduped away.
+- Under forced colors, every role maps to a system color, as for presets.
+
+## The page canvas
+
+A provider's `color-scheme` stops at its `div`, so the page canvas and scrollbars stay light in dark mode. Set it on `:root` too, matching the outer provider's mode:
+
+```css
+:root {
+  color-scheme: light dark; /* or light, or dark */
+}
+```
+
+## Fonts
+
+A brand declares its fonts; the app loads them (fontsource or self-hosted `@font-face`) and owns preloading. The `default` brand uses Inter and JetBrains Mono. In development, `ThemeProvider` warns in the console when a brand font has no `@font-face` or fails to load; in production it renders no check and the check's body is dead code.

package/dist/icons/ArrowLeftIcon.d.mts

@@ -0,0 +1,4 @@
+import { IconProps } from "../Icon/index.mjs";
+//#region src/icons/ArrowLeftIcon.d.ts
+export declare function ArrowLeftIcon(props: Omit<IconProps, "children" | "viewBox">): import("react").JSX.Element;
+//#endregion

package/dist/icons/ArrowLeftIcon.mjs

@@ -0,0 +1,11 @@
+import { Icon as e } from "../Icon/index.mjs";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/icons/ArrowLeftIcon.tsx
+function n(n) {
+	return /* @__PURE__ */ t(e, {
+		...n,
+		children: /* @__PURE__ */ t("path", { d: "m12 19-7-7 7-7M19 12H5" })
+	});
+}
+//#endregion
+export { n as ArrowLeftIcon };

package/dist/icons/ArrowRightIcon.d.mts

@@ -0,0 +1,4 @@
+import { IconProps } from "../Icon/index.mjs";
+//#region src/icons/ArrowRightIcon.d.ts
+export declare function ArrowRightIcon(props: Omit<IconProps, "children" | "viewBox">): import("react").JSX.Element;
+//#endregion

package/dist/icons/ArrowRightIcon.mjs

@@ -0,0 +1,11 @@
+import { Icon as e } from "../Icon/index.mjs";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/icons/ArrowRightIcon.tsx
+function n(n) {
+	return /* @__PURE__ */ t(e, {
+		...n,
+		children: /* @__PURE__ */ t("path", { d: "M5 12h14M12 5l7 7-7 7" })
+	});
+}
+//#endregion
+export { n as ArrowRightIcon };

package/dist/icons/CheckIcon.d.mts

@@ -0,0 +1,4 @@
+import { IconProps } from "../Icon/index.mjs";
+//#region src/icons/CheckIcon.d.ts
+export declare function CheckIcon(props: Omit<IconProps, "children" | "viewBox">): import("react").JSX.Element;
+//#endregion

package/dist/icons/CheckIcon.mjs

@@ -0,0 +1,11 @@
+import { Icon as e } from "../Icon/index.mjs";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/icons/CheckIcon.tsx
+function n(n) {
+	return /* @__PURE__ */ t(e, {
+		...n,
+		children: /* @__PURE__ */ t("path", { d: "M20 6 9 17l-5-5" })
+	});
+}
+//#endregion
+export { n as CheckIcon };

package/dist/icons/ChevronDownIcon.d.mts

@@ -0,0 +1,4 @@
+import { IconProps } from "../Icon/index.mjs";
+//#region src/icons/ChevronDownIcon.d.ts
+export declare function ChevronDownIcon(props: Omit<IconProps, "children" | "viewBox">): import("react").JSX.Element;
+//#endregion

package/dist/icons/ChevronDownIcon.mjs

@@ -0,0 +1,11 @@
+import { Icon as e } from "../Icon/index.mjs";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/icons/ChevronDownIcon.tsx
+function n(n) {
+	return /* @__PURE__ */ t(e, {
+		...n,
+		children: /* @__PURE__ */ t("path", { d: "m6 9 6 6 6-6" })
+	});
+}
+//#endregion
+export { n as ChevronDownIcon };

package/dist/icons/ChevronRightIcon.d.mts

@@ -0,0 +1,4 @@
+import { IconProps } from "../Icon/index.mjs";
+//#region src/icons/ChevronRightIcon.d.ts
+export declare function ChevronRightIcon(props: Omit<IconProps, "children" | "viewBox">): import("react").JSX.Element;
+//#endregion

package/dist/icons/ChevronRightIcon.mjs

@@ -0,0 +1,11 @@
+import { Icon as e } from "../Icon/index.mjs";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/icons/ChevronRightIcon.tsx
+function n(n) {
+	return /* @__PURE__ */ t(e, {
+		...n,
+		children: /* @__PURE__ */ t("path", { d: "m9 18 6-6-6-6" })
+	});
+}
+//#endregion
+export { n as ChevronRightIcon };

package/dist/icons/CircleAlertIcon.d.mts

@@ -0,0 +1,4 @@
+import { IconProps } from "../Icon/index.mjs";
+//#region src/icons/CircleAlertIcon.d.ts
+export declare function CircleAlertIcon(props: Omit<IconProps, "children" | "viewBox">): import("react").JSX.Element;
+//#endregion

package/dist/icons/CircleAlertIcon.mjs

@@ -0,0 +1,15 @@
+import { Icon as e } from "../Icon/index.mjs";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/icons/CircleAlertIcon.tsx
+function r(r) {
+	return /* @__PURE__ */ n(e, {
+		...r,
+		children: [/* @__PURE__ */ t("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}), /* @__PURE__ */ t("path", { d: "M12 8v4M12 16h.01" })]
+	});
+}
+//#endregion
+export { r as CircleAlertIcon };

package/dist/icons/CircleCheckIcon.d.mts

@@ -0,0 +1,4 @@
+import { IconProps } from "../Icon/index.mjs";
+//#region src/icons/CircleCheckIcon.d.ts
+export declare function CircleCheckIcon(props: Omit<IconProps, "children" | "viewBox">): import("react").JSX.Element;
+//#endregion

package/dist/icons/CircleCheckIcon.mjs

@@ -0,0 +1,15 @@
+import { Icon as e } from "../Icon/index.mjs";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/icons/CircleCheckIcon.tsx
+function r(r) {
+	return /* @__PURE__ */ n(e, {
+		...r,
+		children: [/* @__PURE__ */ t("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}), /* @__PURE__ */ t("path", { d: "m16 9-5.5 5.5L8 12" })]
+	});
+}
+//#endregion
+export { r as CircleCheckIcon };

package/dist/icons/CircleDotIcon.d.mts

@@ -0,0 +1,4 @@
+import { IconProps } from "../Icon/index.mjs";
+//#region src/icons/CircleDotIcon.d.ts
+export declare function CircleDotIcon(props: Omit<IconProps, "children" | "viewBox">): import("react").JSX.Element;
+//#endregion

package/dist/icons/CircleDotIcon.mjs

@@ -0,0 +1,19 @@
+import { Icon as e } from "../Icon/index.mjs";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/icons/CircleDotIcon.tsx
+function r(r) {
+	return /* @__PURE__ */ n(e, {
+		...r,
+		children: [/* @__PURE__ */ t("circle", {
+			cx: "12",
+			cy: "12",
+			r: "1"
+		}), /* @__PURE__ */ t("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10"
+		})]
+	});
+}
+//#endregion
+export { r as CircleDotIcon };

package/dist/icons/CircleSlashIcon.d.mts

@@ -0,0 +1,4 @@
+import { IconProps } from "../Icon/index.mjs";
+//#region src/icons/CircleSlashIcon.d.ts
+export declare function CircleSlashIcon(props: Omit<IconProps, "children" | "viewBox">): import("react").JSX.Element;
+//#endregion

package/dist/icons/CircleSlashIcon.mjs

@@ -0,0 +1,15 @@
+import { Icon as e } from "../Icon/index.mjs";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/icons/CircleSlashIcon.tsx
+function r(r) {
+	return /* @__PURE__ */ n(e, {
+		...r,
+		children: [/* @__PURE__ */ t("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}), /* @__PURE__ */ t("path", { d: "m9 15 6-6" })]
+	});
+}
+//#endregion
+export { r as CircleSlashIcon };

package/dist/icons/GitMergeIcon.d.mts

@@ -0,0 +1,4 @@
+import { IconProps } from "../Icon/index.mjs";
+//#region src/icons/GitMergeIcon.d.ts
+export declare function GitMergeIcon(props: Omit<IconProps, "children" | "viewBox">): import("react").JSX.Element;
+//#endregion

package/dist/icons/GitMergeIcon.mjs

@@ -0,0 +1,23 @@
+import { Icon as e } from "../Icon/index.mjs";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/icons/GitMergeIcon.tsx
+function r(r) {
+	return /* @__PURE__ */ n(e, {
+		...r,
+		children: [
+			/* @__PURE__ */ t("circle", {
+				cx: "18",
+				cy: "18",
+				r: "3"
+			}),
+			/* @__PURE__ */ t("circle", {
+				cx: "6",
+				cy: "6",
+				r: "3"
+			}),
+			/* @__PURE__ */ t("path", { d: "M6 21V9a9 9 0 0 0 9 9" })
+		]
+	});
+}
+//#endregion
+export { r as GitMergeIcon };

package/dist/icons/GitPullRequestClosedIcon.d.mts

@@ -0,0 +1,4 @@
+import { IconProps } from "../Icon/index.mjs";
+//#region src/icons/GitPullRequestClosedIcon.d.ts
+export declare function GitPullRequestClosedIcon(props: Omit<IconProps, "children" | "viewBox">): import("react").JSX.Element;
+//#endregion

package/dist/icons/GitPullRequestClosedIcon.mjs

@@ -0,0 +1,23 @@
+import { Icon as e } from "../Icon/index.mjs";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/icons/GitPullRequestClosedIcon.tsx
+function r(r) {
+	return /* @__PURE__ */ n(e, {
+		...r,
+		children: [
+			/* @__PURE__ */ t("path", { d: "m15.5 3.5 5 5M15.5 8.5l5-5M18 11.62V15M6 9v12" }),
+			/* @__PURE__ */ t("circle", {
+				cx: "18",
+				cy: "18",
+				r: "3"
+			}),
+			/* @__PURE__ */ t("circle", {
+				cx: "6",
+				cy: "6",
+				r: "3"
+			})
+		]
+	});
+}
+//#endregion
+export { r as GitPullRequestClosedIcon };

package/dist/icons/GitPullRequestDraftIcon.d.mts

@@ -0,0 +1,4 @@
+import { IconProps } from "../Icon/index.mjs";
+//#region src/icons/GitPullRequestDraftIcon.d.ts
+export declare function GitPullRequestDraftIcon(props: Omit<IconProps, "children" | "viewBox">): import("react").JSX.Element;
+//#endregion

package/dist/icons/GitPullRequestDraftIcon.mjs

@@ -0,0 +1,23 @@
+import { Icon as e } from "../Icon/index.mjs";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/icons/GitPullRequestDraftIcon.tsx
+function r(r) {
+	return /* @__PURE__ */ n(e, {
+		...r,
+		children: [
+			/* @__PURE__ */ t("circle", {
+				cx: "18",
+				cy: "18",
+				r: "3"
+			}),
+			/* @__PURE__ */ t("circle", {
+				cx: "6",
+				cy: "6",
+				r: "3"
+			}),
+			/* @__PURE__ */ t("path", { d: "M18 6V5M18 11v-1M6 9v12" })
+		]
+	});
+}
+//#endregion
+export { r as GitPullRequestDraftIcon };

package/dist/icons/GitPullRequestIcon.d.mts

@@ -0,0 +1,4 @@
+import { IconProps } from "../Icon/index.mjs";
+//#region src/icons/GitPullRequestIcon.d.ts
+export declare function GitPullRequestIcon(props: Omit<IconProps, "children" | "viewBox">): import("react").JSX.Element;
+//#endregion

package/dist/icons/GitPullRequestIcon.mjs

@@ -0,0 +1,23 @@
+import { Icon as e } from "../Icon/index.mjs";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/icons/GitPullRequestIcon.tsx
+function r(r) {
+	return /* @__PURE__ */ n(e, {
+		...r,
+		children: [
+			/* @__PURE__ */ t("circle", {
+				cx: "18",
+				cy: "18",
+				r: "3"
+			}),
+			/* @__PURE__ */ t("circle", {
+				cx: "6",
+				cy: "6",
+				r: "3"
+			}),
+			/* @__PURE__ */ t("path", { d: "M13 6h3a2 2 0 0 1 2 2v7M6 9v12" })
+		]
+	});
+}
+//#endregion
+export { r as GitPullRequestIcon };

package/dist/icons/InboxIcon.d.mts

@@ -0,0 +1,4 @@
+import { IconProps } from "../Icon/index.mjs";
+//#region src/icons/InboxIcon.d.ts
+export declare function InboxIcon(props: Omit<IconProps, "children" | "viewBox">): import("react").JSX.Element;
+//#endregion

package/dist/icons/InboxIcon.mjs

@@ -0,0 +1,11 @@
+import { Icon as e } from "../Icon/index.mjs";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/icons/InboxIcon.tsx
+function r(r) {
+	return /* @__PURE__ */ n(e, {
+		...r,
+		children: [/* @__PURE__ */ t("path", { d: "M22 12h-6l-2 3h-4l-2-3H2" }), /* @__PURE__ */ t("path", { d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11" })]
+	});
+}
+//#endregion
+export { r as InboxIcon };

package/dist/icons/InfoIcon.d.mts

@@ -0,0 +1,4 @@
+import { IconProps } from "../Icon/index.mjs";
+//#region src/icons/InfoIcon.d.ts
+export declare function InfoIcon(props: Omit<IconProps, "children" | "viewBox">): import("react").JSX.Element;
+//#endregion

package/dist/icons/InfoIcon.mjs

@@ -0,0 +1,15 @@
+import { Icon as e } from "../Icon/index.mjs";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/icons/InfoIcon.tsx
+function r(r) {
+	return /* @__PURE__ */ n(e, {
+		...r,
+		children: [/* @__PURE__ */ t("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}), /* @__PURE__ */ t("path", { d: "M12 16v-4M12 8h.01" })]
+	});
+}
+//#endregion
+export { r as InfoIcon };

package/dist/icons/LoaderCircleIcon.d.mts

@@ -0,0 +1,4 @@
+import { IconProps } from "../Icon/index.mjs";
+//#region src/icons/LoaderCircleIcon.d.ts
+export declare function LoaderCircleIcon(props: Omit<IconProps, "children" | "viewBox">): import("react").JSX.Element;
+//#endregion

package/dist/icons/LoaderCircleIcon.mjs

@@ -0,0 +1,11 @@
+import { Icon as e } from "../Icon/index.mjs";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/icons/LoaderCircleIcon.tsx
+function n(n) {
+	return /* @__PURE__ */ t(e, {
+		...n,
+		children: /* @__PURE__ */ t("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+	});
+}
+//#endregion
+export { n as LoaderCircleIcon };

package/dist/icons/RefreshCwIcon.d.mts

@@ -0,0 +1,4 @@
+import { IconProps } from "../Icon/index.mjs";
+//#region src/icons/RefreshCwIcon.d.ts
+export declare function RefreshCwIcon(props: Omit<IconProps, "children" | "viewBox">): import("react").JSX.Element;
+//#endregion

package/dist/icons/RefreshCwIcon.mjs

@@ -0,0 +1,15 @@
+import { Icon as e } from "../Icon/index.mjs";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/icons/RefreshCwIcon.tsx
+function r(r) {
+	return /* @__PURE__ */ n(e, {
+		...r,
+		children: [
+			/* @__PURE__ */ t("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
+			/* @__PURE__ */ t("path", { d: "M21 3v5h-5M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
+			/* @__PURE__ */ t("path", { d: "M8 16H3v5" })
+		]
+	});
+}
+//#endregion
+export { r as RefreshCwIcon };

package/dist/icons/SearchIcon.d.mts

@@ -0,0 +1,4 @@
+import { IconProps } from "../Icon/index.mjs";
+//#region src/icons/SearchIcon.d.ts
+export declare function SearchIcon(props: Omit<IconProps, "children" | "viewBox">): import("react").JSX.Element;
+//#endregion

package/dist/icons/SearchIcon.mjs

@@ -0,0 +1,15 @@
+import { Icon as e } from "../Icon/index.mjs";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/icons/SearchIcon.tsx
+function r(r) {
+	return /* @__PURE__ */ n(e, {
+		...r,
+		children: [/* @__PURE__ */ t("path", { d: "m21 21-4.34-4.34" }), /* @__PURE__ */ t("circle", {
+			cx: "11",
+			cy: "11",
+			r: "8"
+		})]
+	});
+}
+//#endregion
+export { r as SearchIcon };

package/dist/icons/SettingsIcon.d.mts

@@ -0,0 +1,4 @@
+import { IconProps } from "../Icon/index.mjs";
+//#region src/icons/SettingsIcon.d.ts
+export declare function SettingsIcon(props: Omit<IconProps, "children" | "viewBox">): import("react").JSX.Element;
+//#endregion

package/dist/icons/SettingsIcon.mjs

@@ -0,0 +1,15 @@
+import { Icon as e } from "../Icon/index.mjs";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/icons/SettingsIcon.tsx
+function r(r) {
+	return /* @__PURE__ */ n(e, {
+		...r,
+		children: [/* @__PURE__ */ t("path", { d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915" }), /* @__PURE__ */ t("circle", {
+			cx: "12",
+			cy: "12",
+			r: "3"
+		})]
+	});
+}
+//#endregion
+export { r as SettingsIcon };

package/dist/icons/XIcon.d.mts

@@ -0,0 +1,4 @@
+import { IconProps } from "../Icon/index.mjs";
+//#region src/icons/XIcon.d.ts
+export declare function XIcon(props: Omit<IconProps, "children" | "viewBox">): import("react").JSX.Element;
+//#endregion

package/dist/icons/XIcon.mjs

@@ -0,0 +1,11 @@
+import { Icon as e } from "../Icon/index.mjs";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/icons/XIcon.tsx
+function n(n) {
+	return /* @__PURE__ */ t(e, {
+		...n,
+		children: /* @__PURE__ */ t("path", { d: "M18 6 6 18M6 6l12 12" })
+	});
+}
+//#endregion
+export { n as XIcon };