moduix 0.10.0 → 0.11.1

package/dist/components/Tooltip/Tooltip.css

@@ -0,0 +1,155 @@
+@layer ui.components {
+  .UrkF4a_trigger {
+    box-sizing: border-box;
+    min-height: var(--tooltip-trigger-height, var(--size-lg));
+    padding: var(--tooltip-trigger-padding-y, .5rem) var(--tooltip-trigger-padding-x, .875rem);
+    border: var(--tooltip-trigger-border-width, var(--border-width-sm)) solid
+      var(--tooltip-trigger-border-color, var(--color-border));
+    border-radius: var(--tooltip-trigger-radius, var(--radius-md));
+    background-color: var(--tooltip-trigger-bg, var(--color-background));
+    color: var(--tooltip-trigger-color, var(--color-foreground));
+    font: inherit;
+    font-size: var(--tooltip-trigger-font-size, var(--text-sm));
+    line-height: var(--tooltip-trigger-line-height, var(--line-height-text-sm));
+    user-select: none;
+    cursor: pointer;
+    transition: background-color var(--tooltip-transition, var(--transition-default)),
+      border-color var(--tooltip-transition, var(--transition-default)),
+      color var(--tooltip-transition, var(--transition-default));
+    outline: 0;
+    justify-content: center;
+    align-items: center;
+    margin: 0;
+    display: inline-flex;
+
+    @media (hover: hover) {
+      &:hover {
+        background-color: var(--tooltip-trigger-bg-hover, var(--color-accent));
+      }
+    }
+
+    &:active, &[data-popup-open] {
+      background-color: var(--tooltip-trigger-bg-active, var(--tooltip-trigger-bg-hover, var(--color-accent)));
+    }
+
+    &:focus-visible {
+      outline: var(--tooltip-focus-ring-width, var(--border-width-sm)) solid
+        var(--tooltip-focus-ring-color, var(--color-ring));
+      outline-offset: var(--tooltip-focus-ring-offset, -1px);
+    }
+
+    &[data-trigger-disabled], &[disabled] {
+      pointer-events: none;
+      opacity: var(--tooltip-disabled-opacity, var(--opacity-disabled));
+    }
+  }
+
+  .UrkF4a_positioner {
+    z-index: var(--z-popup);
+    width: var(--positioner-width);
+    height: var(--positioner-height);
+    max-width: var(--available-width);
+    outline: 0;
+  }
+
+  .UrkF4a_popup {
+    box-sizing: border-box;
+    width: var(--popup-width, var(--tooltip-width, max-content));
+    height: var(--popup-height, auto);
+    max-width: min(var(--tooltip-max-width, 20rem), var(--available-width));
+    max-height: min(var(--tooltip-max-height, 24rem), var(--available-height, 100dvh));
+    padding: var(--tooltip-padding-y, .25rem) var(--tooltip-padding-x, .5rem);
+    border-radius: var(--tooltip-radius, var(--radius-md));
+    background-color: var(--tooltip-bg, var(--color-popover));
+    color: var(--tooltip-color, var(--color-popover-foreground));
+    outline: var(--tooltip-border-width, var(--border-width-sm)) solid
+      var(--tooltip-border-color, var(--color-border));
+    box-shadow: var(--tooltip-shadow, var(--shadow-lg));
+    font-size: var(--tooltip-font-size, var(--text-sm));
+    line-height: var(--tooltip-line-height, var(--line-height-text-sm));
+    text-align: center;
+    transform-origin: var(--transform-origin);
+    transition: transform var(--tooltip-transition, .15s),
+      opacity var(--tooltip-transition, .15s);
+    border: 0;
+    flex-direction: column;
+    display: flex;
+    overflow: visible;
+
+    &[data-starting-style], &[data-ending-style] {
+      opacity: 0;
+      transform: scale(var(--tooltip-scale, var(--scale-popup)));
+    }
+
+    &[data-instant] {
+      transition: none;
+    }
+  }
+
+  .UrkF4a_arrow {
+    color: var(--tooltip-bg, var(--color-popover));
+    display: flex;
+
+    &[data-side="top"] {
+      bottom: calc(var(--tooltip-arrow-size, 8px) * -1);
+      rotate: 180deg;
+    }
+
+    &[data-side="bottom"] {
+      top: calc(var(--tooltip-arrow-size, 8px) * -1);
+    }
+
+    &[data-side="left"] {
+      right: calc(var(--tooltip-arrow-inline-offset, 13px) * -1);
+      rotate: 90deg;
+    }
+
+    &[data-side="right"] {
+      left: calc(var(--tooltip-arrow-inline-offset, 13px) * -1);
+      rotate: -90deg;
+    }
+  }
+
+  .UrkF4a_arrowSvg {
+    width: var(--tooltip-arrow-width, 1.25rem);
+    height: var(--tooltip-arrow-height, .625rem);
+    display: block;
+    overflow: visible;
+  }
+
+  .UrkF4a_arrowFill {
+    fill: currentColor;
+  }
+
+  .UrkF4a_arrowOuterStroke {
+    fill: var(--tooltip-arrow-stroke-color, var(--tooltip-border-color, var(--color-border)));
+  }
+
+  .UrkF4a_arrowInnerStroke {
+    fill: var(--tooltip-bg, var(--color-popover));
+  }
+
+  .UrkF4a_viewport {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    overflow: hidden;
+
+    &[data-transitioning] {
+      min-width: var(--popup-width);
+      min-height: var(--popup-height);
+    }
+
+    & > [data-current], & > [data-previous] {
+      transition: transform var(--tooltip-content-transition, .15s),
+        opacity var(--tooltip-content-transition, .15s);
+    }
+
+    & > [data-previous] {
+      width: var(--popup-width);
+      opacity: 0;
+      position: absolute;
+      inset: 0;
+    }
+  }
+}

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,16 +1,52 @@
-import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
-type TooltipPositionerProps = Pick<TooltipPrimitive.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding'>;
-type TooltipContentProps = TooltipPrimitive.Popup.Props & TooltipPositionerProps & {
-    showArrow?: boolean;
+import { Tooltip } from "@base-ui/react/tooltip";
+
+//#region src/components/Tooltip/Tooltip.d.ts
+type TooltipPositionerProps = Pick<Tooltip.Positioner.Props, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'arrowPadding' | 'collisionAvoidance' | 'collisionBoundary' | 'collisionPadding'>;
+type TooltipContentProps = Tooltip.Popup.Props & TooltipPositionerProps & {
+  showArrow?: boolean;
 };
-declare const Tooltip: <Payload>(props: TooltipPrimitive.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
-declare const TooltipProvider: import('react').FC<import('@base-ui/react').TooltipProviderProps>;
-declare const createTooltipHandle: typeof TooltipPrimitive.createHandle;
-declare function TooltipTrigger<Payload = unknown>({ className, render, ...props }: TooltipPrimitive.Trigger.Props<Payload>): import("react/jsx-runtime").JSX.Element;
-declare function TooltipPortal({ className, ...props }: TooltipPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
-declare function TooltipPositioner({ className, ...props }: TooltipPrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
-declare function TooltipPopup({ className, ...props }: TooltipPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
-declare function TooltipArrow({ className, children, ...props }: TooltipPrimitive.Arrow.Props): import("react/jsx-runtime").JSX.Element;
-declare function TooltipViewport({ className, ...props }: TooltipPrimitive.Viewport.Props): import("react/jsx-runtime").JSX.Element;
-declare function TooltipContent({ className, showArrow, side, sideOffset, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, children, ...popupProps }: TooltipContentProps): import("react/jsx-runtime").JSX.Element;
-export { Tooltip, TooltipProvider, createTooltipHandle, TooltipTrigger, TooltipPortal, TooltipPositioner, TooltipPopup, TooltipArrow, TooltipViewport, TooltipContent, };
+declare const Tooltip$1: <Payload>(props: Tooltip.Root.Props<Payload>) => import("react").JSX.Element;
+declare const TooltipProvider: import("react").FC<import("@base-ui/react").TooltipProviderProps>;
+declare const createTooltipHandle: typeof Tooltip.createHandle;
+declare function TooltipTrigger<Payload = unknown>({
+  className,
+  render,
+  ...props
+}: Tooltip.Trigger.Props<Payload>): import("react").JSX.Element;
+declare function TooltipPortal({
+  className,
+  ...props
+}: Tooltip.Portal.Props): import("react").JSX.Element;
+declare function TooltipPositioner({
+  className,
+  ...props
+}: Tooltip.Positioner.Props): import("react").JSX.Element;
+declare function TooltipPopup({
+  className,
+  ...props
+}: Tooltip.Popup.Props): import("react").JSX.Element;
+declare function TooltipArrow({
+  className,
+  children,
+  ...props
+}: Tooltip.Arrow.Props): import("react").JSX.Element;
+declare function TooltipViewport({
+  className,
+  ...props
+}: Tooltip.Viewport.Props): import("react").JSX.Element;
+declare function TooltipContent({
+  className,
+  showArrow,
+  side,
+  sideOffset,
+  align,
+  alignOffset,
+  arrowPadding,
+  collisionAvoidance,
+  collisionBoundary,
+  collisionPadding,
+  children,
+  ...popupProps
+}: TooltipContentProps): import("react").JSX.Element;
+//#endregion
+export { Tooltip$1 as Tooltip, TooltipArrow, TooltipContent, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipProvider, TooltipTrigger, TooltipViewport, createTooltipHandle };

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,82 @@
+import { PopupArrowIcon } from "../../icons/ui/Icons.js";
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import Tooltip_module_default from "./Tooltip.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react/tooltip";
+//#region src/components/Tooltip/Tooltip.tsx
+const TOOLTIP_CONTENT_SIDE_OFFSET = 8;
+const Tooltip$1 = Tooltip.Root;
+const TooltipProvider = Tooltip.Provider;
+const createTooltipHandle = Tooltip.createHandle;
+function TooltipTrigger({ className, render, ...props }) {
+	const triggerClassName = render ? className : mergeClassName(className, Tooltip_module_default.trigger);
+	return /* @__PURE__ */ jsx(Tooltip.Trigger, {
+		"data-slot": "tooltip-trigger",
+		render,
+		className: triggerClassName,
+		...props
+	});
+}
+function TooltipPortal({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Portal, {
+		"data-slot": "tooltip-portal",
+		className,
+		...props
+	});
+}
+function TooltipPositioner({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Positioner, {
+		"data-slot": "tooltip-positioner",
+		className: mergeClassName(className, Tooltip_module_default.positioner),
+		...props
+	});
+}
+function TooltipPopup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Popup, {
+		"data-slot": "tooltip-popup",
+		className: mergeClassName(className, Tooltip_module_default.popup),
+		...props
+	});
+}
+function TooltipArrow({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Arrow, {
+		"data-slot": "tooltip-arrow",
+		className: mergeClassName(className, Tooltip_module_default.arrow),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ArrowSvg, { className: Tooltip_module_default.arrowSvg })
+	});
+}
+function TooltipViewport({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Viewport, {
+		"data-slot": "tooltip-viewport",
+		className: mergeClassName(className, Tooltip_module_default.viewport),
+		...props
+	});
+}
+function TooltipContent({ className, showArrow = false, side, sideOffset = TOOLTIP_CONTENT_SIDE_OFFSET, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, children, ...popupProps }) {
+	return /* @__PURE__ */ jsx(TooltipPortal, { children: /* @__PURE__ */ jsx(TooltipPositioner, {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		arrowPadding,
+		collisionAvoidance,
+		collisionBoundary,
+		collisionPadding,
+		children: /* @__PURE__ */ jsxs(TooltipPopup, {
+			className,
+			...popupProps,
+			children: [showArrow ? /* @__PURE__ */ jsx(TooltipArrow, {}) : null, /* @__PURE__ */ jsx(TooltipViewport, { children })]
+		})
+	}) });
+}
+function ArrowSvg(props) {
+	return /* @__PURE__ */ jsx(PopupArrowIcon, {
+		fillClassName: Tooltip_module_default.arrowFill,
+		outerStrokeClassName: Tooltip_module_default.arrowOuterStroke,
+		innerStrokeClassName: Tooltip_module_default.arrowInnerStroke,
+		...props
+	});
+}
+//#endregion
+export { Tooltip$1 as Tooltip, TooltipArrow, TooltipContent, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipProvider, TooltipTrigger, TooltipViewport, createTooltipHandle };

package/dist/components/Tooltip/Tooltip.module.cjs

@@ -0,0 +1,15 @@
+import './Tooltip.css';
+//#region src/components/Tooltip/Tooltip.module.css
+var Tooltip_module_default = {
+	"arrow": "UrkF4a_arrow",
+	"arrowFill": "UrkF4a_arrowFill",
+	"arrowInnerStroke": "UrkF4a_arrowInnerStroke",
+	"arrowOuterStroke": "UrkF4a_arrowOuterStroke",
+	"arrowSvg": "UrkF4a_arrowSvg",
+	"popup": "UrkF4a_popup",
+	"positioner": "UrkF4a_positioner",
+	"trigger": "UrkF4a_trigger",
+	"viewport": "UrkF4a_viewport"
+};
+//#endregion
+exports.default = Tooltip_module_default;

package/dist/components/Tooltip/Tooltip.module.js

@@ -0,0 +1,15 @@
+import './Tooltip.css';
+//#region src/components/Tooltip/Tooltip.module.css
+var Tooltip_module_default = {
+	"arrow": "UrkF4a_arrow",
+	"arrowFill": "UrkF4a_arrowFill",
+	"arrowInnerStroke": "UrkF4a_arrowInnerStroke",
+	"arrowOuterStroke": "UrkF4a_arrowOuterStroke",
+	"arrowSvg": "UrkF4a_arrowSvg",
+	"popup": "UrkF4a_popup",
+	"positioner": "UrkF4a_positioner",
+	"trigger": "UrkF4a_trigger",
+	"viewport": "UrkF4a_viewport"
+};
+//#endregion
+export { Tooltip_module_default as default };

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

@@ -1 +1 @@
-export { Tooltip, TooltipProvider, createTooltipHandle, TooltipTrigger, TooltipPortal, TooltipPositioner, TooltipPopup, TooltipArrow, TooltipViewport, TooltipContent, } from './Tooltip';
+import { Tooltip, TooltipArrow, TooltipContent, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipProvider, TooltipTrigger, TooltipViewport, createTooltipHandle } from "./Tooltip.js";

package/dist/icons/demo/Icons.cjs

@@ -0,0 +1,234 @@
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/icons/demo/Icons.tsx
+function HandshakeIcon(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 2v4" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M16 2v4" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+				width: "18",
+				height: "18",
+				x: "3",
+				y: "4",
+				rx: "2"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3 10h18" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 14h.01" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 14h.01" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M16 14h.01" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 18h.01" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 18h.01" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M16 18h.01" })
+		]
+	});
+}
+function PresentIcon(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 7v14" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+				x: "3",
+				y: "7",
+				width: "18",
+				height: "4",
+				rx: "1"
+			})
+		]
+	});
+}
+function MapIcon(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M18 8c0 3.613-3.869 7.429-5.393 8.795a1 1 0 0 1-1.214 0C9.87 15.429 6 11.613 6 8a6 6 0 0 1 12 0" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+				cx: "12",
+				cy: "8",
+				r: "2"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8.714 14h-3.71a1 1 0 0 0-.948.683l-2.004 6A1 1 0 0 0 3 22h18a1 1 0 0 0 .948-1.316l-2-6a1 1 0 0 0-.949-.684h-3.712" })
+		]
+	});
+}
+function ShareIcon(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 2v13" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m16 6-4-4-4 4" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8" })
+		]
+	});
+}
+function ComputerIcon(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 17v4" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 21h8" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m9 17 6.1-6.1a2 2 0 0 1 2.81.01L22 15" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+				cx: "8",
+				cy: "9",
+				r: "2"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+				x: "2",
+				y: "3",
+				width: "20",
+				height: "14",
+				rx: "2"
+			})
+		]
+	});
+}
+function TagIcon(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+			cx: "7.5",
+			cy: "7.5",
+			r: ".5",
+			fill: "currentColor"
+		})]
+	});
+}
+function InfoIcon(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		focusable: "false",
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function BellIcon(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		fill: "currentColor",
+		viewBox: "0 0 16 16",
+		"aria-hidden": "true",
+		focusable: "false",
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 1a1 1 0 0 0-1 1v1.14A4 4 0 0 0 4 7v3.98s-.02.28-.15.54C3.72 11.78 3.56 12 3 12v1h10v-1c-.6 0-.75-.22-.87-.47-.13-.25-.13-.52-.13-.53V7a4 4 0 0 0-3-3.86V2a1 1 0 0 0-1-1Zm0 12a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z" })
+	});
+}
+function ArrowUpRightIcon(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		focusable: "false",
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M7 17 17 7M9 7h8v8",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function StarIcon(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		focusable: "false",
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M12 3.75 14.7 9.22l5.93.86-4.29 4.18 1.01 5.9L12 17.32l-5.35 2.84 1.02-5.9-4.3-4.18 5.94-.86L12 3.75Z",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+//#endregion
+exports.ArrowUpRightIcon = ArrowUpRightIcon;
+exports.BellIcon = BellIcon;
+exports.ComputerIcon = ComputerIcon;
+exports.HandshakeIcon = HandshakeIcon;
+exports.InfoIcon = InfoIcon;
+exports.MapIcon = MapIcon;
+exports.PresentIcon = PresentIcon;
+exports.ShareIcon = ShareIcon;
+exports.StarIcon = StarIcon;
+exports.TagIcon = TagIcon;

package/dist/icons/demo/Icons.d.ts

@@ -1,13 +1,16 @@
-import { ComponentProps } from 'react';
+import { ComponentProps } from "react";
+
+//#region src/icons/demo/Icons.d.ts
 type IconProps = ComponentProps<'svg'>;
-export declare function HandshakeIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
-export declare function PresentIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
-export declare function MapIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
-export declare function ShareIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
-export declare function ComputerIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
-export declare function TagIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
-export declare function InfoIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
-export declare function BellIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
-export declare function ArrowUpRightIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
-export declare function StarIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
-export {};
+declare function HandshakeIcon(props: IconProps): import("react").JSX.Element;
+declare function PresentIcon(props: IconProps): import("react").JSX.Element;
+declare function MapIcon(props: IconProps): import("react").JSX.Element;
+declare function ShareIcon(props: IconProps): import("react").JSX.Element;
+declare function ComputerIcon(props: IconProps): import("react").JSX.Element;
+declare function TagIcon(props: IconProps): import("react").JSX.Element;
+declare function InfoIcon(props: IconProps): import("react").JSX.Element;
+declare function BellIcon(props: IconProps): import("react").JSX.Element;
+declare function ArrowUpRightIcon(props: IconProps): import("react").JSX.Element;
+declare function StarIcon(props: IconProps): import("react").JSX.Element;
+//#endregion
+export { ArrowUpRightIcon, BellIcon, ComputerIcon, HandshakeIcon, InfoIcon, MapIcon, PresentIcon, ShareIcon, StarIcon, TagIcon };