@nextop-os/ui-system 0.0.15 → 0.0.16

package/dist/chunk-XHA7R2WC.js

@@ -0,0 +1,292 @@
+// src/icons/layout-preset-icons.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function LayoutPresetIcon({
+  className,
+  selectedCount = 0,
+  size = 24,
+  title,
+  variant,
+  ...props
+}) {
+  const dimension = typeof size === "number" ? `${size}` : size;
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": title ? void 0 : true,
+      className,
+      fill: "none",
+      height: dimension,
+      viewBox: "0 0 24 24",
+      width: dimension,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
+        /* @__PURE__ */ jsx(LayoutPresetFrame, {}),
+        variant === "balanced" ? /* @__PURE__ */ jsx(BalancedLayoutPresetGlyph, { selectedCount }) : null,
+        variant === "row" ? /* @__PURE__ */ jsx(RowLayoutPresetGlyph, {}) : null,
+        variant === "column" ? /* @__PURE__ */ jsx(ColumnLayoutPresetGlyph, {}) : null
+      ]
+    }
+  );
+}
+function LayoutPresetFrame() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "3",
+        y: "3",
+        width: "18",
+        height: "18",
+        rx: "4",
+        fill: "currentColor",
+        opacity: "0.12"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "3",
+        y: "3",
+        width: "18",
+        height: "18",
+        rx: "4",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.7"
+      }
+    )
+  ] });
+}
+function BalancedLayoutPresetGlyph({
+  selectedCount
+}) {
+  if (selectedCount <= 2) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "5.5",
+          y: "5.5",
+          width: "6.4",
+          height: "13",
+          rx: "1.4",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "12.8",
+          y: "5.5",
+          width: "5.7",
+          height: "13",
+          rx: "1.4",
+          fill: "currentColor",
+          opacity: "0.32"
+        }
+      )
+    ] });
+  }
+  if (selectedCount === 3) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "5.25",
+          y: "5.25",
+          width: "7.2",
+          height: "13.5",
+          rx: "1.4",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "13.75",
+          y: "5.25",
+          width: "5",
+          height: "6.15",
+          rx: "1.2",
+          fill: "currentColor",
+          opacity: "0.5"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: "13.75",
+          y: "12.6",
+          width: "5",
+          height: "6.15",
+          rx: "1.2",
+          fill: "currentColor",
+          opacity: "0.3"
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "5.25",
+        y: "5.25",
+        width: "6",
+        height: "6",
+        rx: "1.2",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "12.75",
+        y: "5.25",
+        width: "6",
+        height: "6",
+        rx: "1.2",
+        fill: "currentColor",
+        opacity: "0.5"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "5.25",
+        y: "12.75",
+        width: "6",
+        height: "6",
+        rx: "1.2",
+        fill: "currentColor",
+        opacity: "0.5"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "12.75",
+        y: "12.75",
+        width: "6",
+        height: "6",
+        rx: "1.2",
+        fill: "currentColor",
+        opacity: "0.3"
+      }
+    )
+  ] });
+}
+function RowLayoutPresetGlyph() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "5.25",
+        y: "5.25",
+        width: "6.2",
+        height: "13.5",
+        rx: "1.3",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "12.55",
+        y: "5.25",
+        width: "6.2",
+        height: "13.5",
+        rx: "1.3",
+        fill: "currentColor",
+        opacity: "0.34"
+      }
+    )
+  ] });
+}
+function ColumnLayoutPresetGlyph() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "5.25",
+        y: "5.25",
+        width: "13.5",
+        height: "6.2",
+        rx: "1.3",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "rect",
+      {
+        x: "5.25",
+        y: "12.55",
+        width: "13.5",
+        height: "6.2",
+        rx: "1.3",
+        fill: "currentColor",
+        opacity: "0.34"
+      }
+    )
+  ] });
+}
+
+// src/icons/nextop-mark.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function NextopMark({
+  className,
+  size = 28,
+  title,
+  ...props
+}) {
+  const dimension = typeof size === "number" ? `${size}` : size;
+  return /* @__PURE__ */ jsxs2(
+    "svg",
+    {
+      "aria-hidden": title ? void 0 : true,
+      className,
+      fill: "none",
+      height: dimension,
+      viewBox: "0 0 28 28",
+      width: dimension,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        title ? /* @__PURE__ */ jsx2("title", { children: title }) : null,
+        /* @__PURE__ */ jsx2(
+          "rect",
+          {
+            fill: "var(--panel)",
+            height: "27",
+            rx: "13.5",
+            width: "27",
+            x: "0.5",
+            y: "0.5"
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          "path",
+          {
+            d: "M8.5 18.4V9.6H11.1L16.5 16.35V9.6H19.5V18.4H16.95L11.5 11.58V18.4H8.5Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          "path",
+          {
+            d: "M19.48 8.55L21.6 6.44L21.57 11.12L16.9 11.08L19.48 8.55Z",
+            fill: "var(--primary)"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  LayoutPresetIcon,
+  NextopMark
+};
+//# sourceMappingURL=chunk-XHA7R2WC.js.map

package/dist/chunk-XHA7R2WC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/layout-preset-icons.tsx","../src/icons/nextop-mark.tsx"],"sourcesContent":["import type { IconProps } from \"./types\";\n\ntype LayoutPresetIconVariant = \"balanced\" | \"row\" | \"column\";\n\nexport interface LayoutPresetIconProps extends IconProps {\n  selectedCount?: number;\n  variant: LayoutPresetIconVariant;\n}\n\nexport function LayoutPresetIcon({\n  className,\n  selectedCount = 0,\n  size = 24,\n  title,\n  variant,\n  ...props\n}: LayoutPresetIconProps) {\n  const dimension = typeof size === \"number\" ? `${size}` : size;\n\n  return (\n    <svg\n      aria-hidden={title ? undefined : true}\n      className={className}\n      fill=\"none\"\n      height={dimension}\n      viewBox=\"0 0 24 24\"\n      width={dimension}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      {title ? <title>{title}</title> : null}\n      <LayoutPresetFrame />\n      {variant === \"balanced\" ? (\n        <BalancedLayoutPresetGlyph selectedCount={selectedCount} />\n      ) : null}\n      {variant === \"row\" ? <RowLayoutPresetGlyph /> : null}\n      {variant === \"column\" ? <ColumnLayoutPresetGlyph /> : null}\n    </svg>\n  );\n}\n\nfunction LayoutPresetFrame() {\n  return (\n    <>\n      <rect\n        x=\"3\"\n        y=\"3\"\n        width=\"18\"\n        height=\"18\"\n        rx=\"4\"\n        fill=\"currentColor\"\n        opacity=\"0.12\"\n      />\n      <rect\n        x=\"3\"\n        y=\"3\"\n        width=\"18\"\n        height=\"18\"\n        rx=\"4\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.7\"\n      />\n    </>\n  );\n}\n\nfunction BalancedLayoutPresetGlyph({\n  selectedCount\n}: {\n  selectedCount: number;\n}) {\n  if (selectedCount <= 2) {\n    return (\n      <>\n        <rect\n          x=\"5.5\"\n          y=\"5.5\"\n          width=\"6.4\"\n          height=\"13\"\n          rx=\"1.4\"\n          fill=\"currentColor\"\n        />\n        <rect\n          x=\"12.8\"\n          y=\"5.5\"\n          width=\"5.7\"\n          height=\"13\"\n          rx=\"1.4\"\n          fill=\"currentColor\"\n          opacity=\"0.32\"\n        />\n      </>\n    );\n  }\n\n  if (selectedCount === 3) {\n    return (\n      <>\n        <rect\n          x=\"5.25\"\n          y=\"5.25\"\n          width=\"7.2\"\n          height=\"13.5\"\n          rx=\"1.4\"\n          fill=\"currentColor\"\n        />\n        <rect\n          x=\"13.75\"\n          y=\"5.25\"\n          width=\"5\"\n          height=\"6.15\"\n          rx=\"1.2\"\n          fill=\"currentColor\"\n          opacity=\"0.5\"\n        />\n        <rect\n          x=\"13.75\"\n          y=\"12.6\"\n          width=\"5\"\n          height=\"6.15\"\n          rx=\"1.2\"\n          fill=\"currentColor\"\n          opacity=\"0.3\"\n        />\n      </>\n    );\n  }\n\n  return (\n    <>\n      <rect\n        x=\"5.25\"\n        y=\"5.25\"\n        width=\"6\"\n        height=\"6\"\n        rx=\"1.2\"\n        fill=\"currentColor\"\n      />\n      <rect\n        x=\"12.75\"\n        y=\"5.25\"\n        width=\"6\"\n        height=\"6\"\n        rx=\"1.2\"\n        fill=\"currentColor\"\n        opacity=\"0.5\"\n      />\n      <rect\n        x=\"5.25\"\n        y=\"12.75\"\n        width=\"6\"\n        height=\"6\"\n        rx=\"1.2\"\n        fill=\"currentColor\"\n        opacity=\"0.5\"\n      />\n      <rect\n        x=\"12.75\"\n        y=\"12.75\"\n        width=\"6\"\n        height=\"6\"\n        rx=\"1.2\"\n        fill=\"currentColor\"\n        opacity=\"0.3\"\n      />\n    </>\n  );\n}\n\nfunction RowLayoutPresetGlyph() {\n  return (\n    <>\n      <rect\n        x=\"5.25\"\n        y=\"5.25\"\n        width=\"6.2\"\n        height=\"13.5\"\n        rx=\"1.3\"\n        fill=\"currentColor\"\n      />\n      <rect\n        x=\"12.55\"\n        y=\"5.25\"\n        width=\"6.2\"\n        height=\"13.5\"\n        rx=\"1.3\"\n        fill=\"currentColor\"\n        opacity=\"0.34\"\n      />\n    </>\n  );\n}\n\nfunction ColumnLayoutPresetGlyph() {\n  return (\n    <>\n      <rect\n        x=\"5.25\"\n        y=\"5.25\"\n        width=\"13.5\"\n        height=\"6.2\"\n        rx=\"1.3\"\n        fill=\"currentColor\"\n      />\n      <rect\n        x=\"5.25\"\n        y=\"12.55\"\n        width=\"13.5\"\n        height=\"6.2\"\n        rx=\"1.3\"\n        fill=\"currentColor\"\n        opacity=\"0.34\"\n      />\n    </>\n  );\n}\n","import type { IconProps } from \"./types\";\n\nexport function NextopMark({\n  className,\n  size = 28,\n  title,\n  ...props\n}: IconProps) {\n  const dimension = typeof size === \"number\" ? `${size}` : size;\n\n  return (\n    <svg\n      aria-hidden={title ? undefined : true}\n      className={className}\n      fill=\"none\"\n      height={dimension}\n      viewBox=\"0 0 28 28\"\n      width={dimension}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      {title ? <title>{title}</title> : null}\n      <rect\n        fill=\"var(--panel)\"\n        height=\"27\"\n        rx=\"13.5\"\n        width=\"27\"\n        x=\"0.5\"\n        y=\"0.5\"\n      />\n      <path\n        d=\"M8.5 18.4V9.6H11.1L16.5 16.35V9.6H19.5V18.4H16.95L11.5 11.58V18.4H8.5Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M19.48 8.55L21.6 6.44L21.57 11.12L16.9 11.08L19.48 8.55Z\"\n        fill=\"var(--primary)\"\n      />\n    </svg>\n  );\n}\n"],"mappings":"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","names":["jsx","jsxs"]}

package/dist/components/index.js

@@ -60,8 +60,8 @@ import {
   badgeVariants,
   buttonVariants,
   toastVariants
-} from "../chunk-G6KJIFD2.js";
-import "../chunk-OBW6ALOJ.js";
+} from "../chunk-5COFORA5.js";
+import "../chunk-TT7B6HKG.js";
 import "../chunk-DGPY4WP3.js";
 export {
   Badge,

package/dist/dev-vite.d.ts

@@ -0,0 +1,9 @@
+import { Plugin } from 'vite';
+
+type NextopUISystemDevOptions = {
+    serverUrl?: string;
+    cacheDir?: string;
+};
+declare function nextopUISystemDev(options?: NextopUISystemDevOptions): Plugin;
+
+export { type NextopUISystemDevOptions, nextopUISystemDev };