@nextop-os/ui-system 0.0.15 → 0.0.17

package/dist/{chunk-OBW6ALOJ.js → chunk-NFSMZKML.js}

@@ -1,6 +1,7 @@
 // src/icons/system-icons.tsx
 import {
   AlertCircleIcon,
+  AppWindowIcon as LucideAppWindowIcon,
   ArrowLeftIcon as LucideArrowLeftIcon,
   ArrowRightIcon as LucideArrowRightIcon,
   ArrowUpRightIcon,
@@ -19,6 +20,8 @@ import {
   FolderIcon as LucideFolderIcon,
   HomeIcon,
   ImageIcon as LucideImageIcon,
+  LayoutGridIcon as LucideLayoutGridIcon,
+  MoreHorizontalIcon as LucideMoreHorizontalIcon,
   XIcon,
   Maximize2Icon,
   Minimize2Icon,
@@ -33,6 +36,7 @@ import {
   PanelRight,
   PanelTop,
   PanelsTopLeft,
+  PencilIcon as LucidePencilIcon,
   RefreshCwIcon,
   SearchIcon as LucideSearchIcon,
   SettingsIcon as LucideSettingsIcon,
@@ -41,7 +45,7 @@ import {
   UploadIcon as LucideUploadIcon,
   VideoIcon
 } from "lucide-react";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function createLucideIcon(Icon) {
   return function WrappedIcon({ size = 18, title, ...props }) {
     return /* @__PURE__ */ jsx(Icon, { "aria-hidden": title ? void 0 : true, size, ...props, children: title ? /* @__PURE__ */ jsx("title", { children: title }) : null });
@@ -66,6 +70,7 @@ var QuickLayoutLeftIcon = createLucideIcon(PanelLeft);
 var QuickLayoutRightIcon = createLucideIcon(PanelRight);
 var QuickLayoutTopIcon = createLucideIcon(PanelTop);
 var QuickLayoutBottomIcon = createLucideIcon(PanelBottom);
+var AppWindowIcon = createLucideIcon(LucideAppWindowIcon);
 var ArrowLeftIcon = createLucideIcon(LucideArrowLeftIcon);
 var ArrowRightIcon = createLucideIcon(LucideArrowRightIcon);
 var CheckIcon = createLucideIcon(LucideCheckIcon);
@@ -82,11 +87,75 @@ var FileSearchIcon = createLucideIcon(LucideFileSearchIcon);
 var FileSpreadsheetIcon = createLucideIcon(LucideFileSpreadsheetIcon);
 var FileTextIcon = createLucideIcon(LucideFileTextIcon);
 var ImageFileIcon = createLucideIcon(LucideImageIcon);
+var EditIcon = createLucideIcon(LucidePencilIcon);
+var LayoutGridIcon = createLucideIcon(LucideLayoutGridIcon);
+var MoreHorizontalIcon = createLucideIcon(LucideMoreHorizontalIcon);
 var RefreshIcon = createLucideIcon(RefreshCwIcon);
 var SearchIcon = createLucideIcon(LucideSearchIcon);
 var DeleteIcon = createLucideIcon(LucideTrashIcon);
 var UploadIcon = createLucideIcon(LucideUploadIcon);
 var VideoFileIcon = createLucideIcon(VideoIcon);
+function GoogleBrandIcon({ size = 22, title, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": title ? void 0 : true,
+      fill: "none",
+      height: size,
+      viewBox: "0 0 24 24",
+      width: size,
+      ...props,
+      children: [
+        title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.27-4.74 3.27-8.1Z",
+            fill: "#4285F4"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84A11 11 0 0 0 12 23Z",
+            fill: "#34A853"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M5.84 14.1A6.6 6.6 0 0 1 5.5 12c0-.73.12-1.43.34-2.1V7.08H2.18A11 11 0 0 0 1 12c0 1.78.43 3.45 1.18 4.93l3.66-2.83Z",
+            fill: "#FBBC05"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15A10.6 10.6 0 0 0 12 1a11 11 0 0 0-9.82 6.08l3.66 2.83A6.58 6.58 0 0 1 12 5.38Z",
+            fill: "#EA4335"
+          }
+        )
+      ]
+    }
+  );
+}
+function GitHubBrandIcon({ size = 22, title, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": title ? void 0 : true,
+      fill: "currentColor",
+      height: size,
+      viewBox: "0 0 24 24",
+      width: size,
+      ...props,
+      children: [
+        title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
+        /* @__PURE__ */ jsx("path", { d: "M12 0C5.37 0 0 5.37 0 12c0 5.3 3.44 9.8 8.21 11.39.6.11.79-.26.79-.58v-2.23c-3.34.73-4.03-1.42-4.03-1.42-.55-1.39-1.33-1.76-1.33-1.76-1.09-.74.08-.73.08-.73 1.2.08 1.84 1.24 1.84 1.24 1.07 1.83 2.81 1.3 3.49 1 .11-.78.42-1.3.76-1.6-2.66-.31-5.47-1.34-5.47-5.94 0-1.31.47-2.38 1.24-3.22-.12-.3-.54-1.52.12-3.18 0 0 1.01-.32 3.3 1.23A11.5 11.5 0 0 1 12 5.8c1.02.01 2.05.14 3.01.4 2.29-1.55 3.3-1.23 3.3-1.23.65 1.65.24 2.87.12 3.18.77.84 1.23 1.91 1.23 3.22 0 4.61-2.81 5.62-5.48 5.92.43.37.82 1.1.82 2.22v3.3c0 .32.19.69.8.58A12.01 12.01 0 0 0 24 12c0-6.63-5.37-12-12-12Z" })
+      ]
+    }
+  );
+}
 
 export {
   LaunchIcon,
@@ -108,6 +177,7 @@ export {
   QuickLayoutRightIcon,
   QuickLayoutTopIcon,
   QuickLayoutBottomIcon,
+  AppWindowIcon,
   ArrowLeftIcon,
   ArrowRightIcon,
   CheckIcon,
@@ -124,10 +194,15 @@ export {
   FileSpreadsheetIcon,
   FileTextIcon,
   ImageFileIcon,
+  EditIcon,
+  LayoutGridIcon,
+  MoreHorizontalIcon,
   RefreshIcon,
   SearchIcon,
   DeleteIcon,
   UploadIcon,
-  VideoFileIcon
+  VideoFileIcon,
+  GoogleBrandIcon,
+  GitHubBrandIcon
 };
-//# sourceMappingURL=chunk-OBW6ALOJ.js.map
+//# sourceMappingURL=chunk-NFSMZKML.js.map

package/dist/chunk-NFSMZKML.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/system-icons.tsx"],"sourcesContent":["import type { LucideIcon } from \"lucide-react\";\nimport {\n  AlertCircleIcon,\n  AppWindowIcon as LucideAppWindowIcon,\n  ArrowLeftIcon as LucideArrowLeftIcon,\n  ArrowRightIcon as LucideArrowRightIcon,\n  ArrowUpRightIcon,\n  CheckIcon as LucideCheckIcon,\n  ChevronDownIcon as LucideChevronDownIcon,\n  ChevronRightIcon as LucideChevronRightIcon,\n  ChevronUpIcon as LucideChevronUpIcon,\n  CopyIcon as LucideCopyIcon,\n  EyeIcon as LucideEyeIcon,\n  FileCode2Icon,\n  FileIcon as LucideFileIcon,\n  FilePlus2Icon,\n  FileSearchIcon as LucideFileSearchIcon,\n  FileSpreadsheetIcon as LucideFileSpreadsheetIcon,\n  FileTextIcon as LucideFileTextIcon,\n  FolderIcon as LucideFolderIcon,\n  HomeIcon,\n  ImageIcon as LucideImageIcon,\n  LayoutGridIcon as LucideLayoutGridIcon,\n  MoreHorizontalIcon as LucideMoreHorizontalIcon,\n  XIcon,\n  Maximize2Icon,\n  Minimize2Icon,\n  MinusIcon,\n  FolderOpenIcon,\n  FolderPlusIcon,\n  HardDriveIcon,\n  LoaderCircleIcon,\n  MonitorCogIcon,\n  PanelBottom,\n  PanelLeft,\n  PanelRight,\n  PanelTop,\n  PanelsTopLeft,\n  PencilIcon as LucidePencilIcon,\n  RefreshCwIcon,\n  SearchIcon as LucideSearchIcon,\n  SettingsIcon as LucideSettingsIcon,\n  SparklesIcon,\n  Trash2Icon as LucideTrashIcon,\n  UploadIcon as LucideUploadIcon,\n  VideoIcon\n} from \"lucide-react\";\nimport type { IconProps } from \"./types\";\n\nfunction createLucideIcon(Icon: LucideIcon) {\n  return function WrappedIcon({ size = 18, title, ...props }: IconProps) {\n    return (\n      <Icon aria-hidden={title ? undefined : true} size={size} {...props}>\n        {title ? <title>{title}</title> : null}\n      </Icon>\n    );\n  };\n}\n\nexport const LaunchIcon = createLucideIcon(ArrowUpRightIcon);\nexport const FolderIcon = createLucideIcon(FolderOpenIcon);\nexport const DashboardIcon = createLucideIcon(HomeIcon);\nexport const NewWorkspaceIcon = createLucideIcon(FolderPlusIcon);\nexport const HealthIcon = createLucideIcon(HardDriveIcon);\nexport const AlertIcon = createLucideIcon(AlertCircleIcon);\nexport const LoadingIcon = createLucideIcon(LoaderCircleIcon);\nexport const PlatformIcon = createLucideIcon(MonitorCogIcon);\nexport const SparkIcon = createLucideIcon(SparklesIcon);\nexport const SettingsIcon = createLucideIcon(LucideSettingsIcon);\nexport const CloseIcon = createLucideIcon(XIcon);\nexport const MinimizeIcon = createLucideIcon(MinusIcon);\nexport const MaximizeIcon = createLucideIcon(Maximize2Icon);\nexport const RestoreIcon = createLucideIcon(Minimize2Icon);\nexport const LayoutMenuIcon = createLucideIcon(PanelsTopLeft);\nexport const QuickLayoutLeftIcon = createLucideIcon(PanelLeft);\nexport const QuickLayoutRightIcon = createLucideIcon(PanelRight);\nexport const QuickLayoutTopIcon = createLucideIcon(PanelTop);\nexport const QuickLayoutBottomIcon = createLucideIcon(PanelBottom);\nexport const AppWindowIcon = createLucideIcon(LucideAppWindowIcon);\nexport const ArrowLeftIcon = createLucideIcon(LucideArrowLeftIcon);\nexport const ArrowRightIcon = createLucideIcon(LucideArrowRightIcon);\nexport const CheckIcon = createLucideIcon(LucideCheckIcon);\nexport const ChevronDownIcon = createLucideIcon(LucideChevronDownIcon);\nexport const ChevronRightIcon = createLucideIcon(LucideChevronRightIcon);\nexport const ChevronUpIcon = createLucideIcon(LucideChevronUpIcon);\nexport const CopyIcon = createLucideIcon(LucideCopyIcon);\nexport const DirectoryIcon = createLucideIcon(LucideFolderIcon);\nexport const EyeIcon = createLucideIcon(LucideEyeIcon);\nexport const FileIcon = createLucideIcon(LucideFileIcon);\nexport const FileCodeIcon = createLucideIcon(FileCode2Icon);\nexport const FileCreateIcon = createLucideIcon(FilePlus2Icon);\nexport const FileSearchIcon = createLucideIcon(LucideFileSearchIcon);\nexport const FileSpreadsheetIcon = createLucideIcon(LucideFileSpreadsheetIcon);\nexport const FileTextIcon = createLucideIcon(LucideFileTextIcon);\nexport const ImageFileIcon = createLucideIcon(LucideImageIcon);\nexport const EditIcon = createLucideIcon(LucidePencilIcon);\nexport const LayoutGridIcon = createLucideIcon(LucideLayoutGridIcon);\nexport const MoreHorizontalIcon = createLucideIcon(LucideMoreHorizontalIcon);\nexport const RefreshIcon = createLucideIcon(RefreshCwIcon);\nexport const SearchIcon = createLucideIcon(LucideSearchIcon);\nexport const DeleteIcon = createLucideIcon(LucideTrashIcon);\nexport const UploadIcon = createLucideIcon(LucideUploadIcon);\nexport const VideoFileIcon = createLucideIcon(VideoIcon);\n\nexport function GoogleBrandIcon({ size = 22, title, ...props }: IconProps) {\n  return (\n    <svg\n      aria-hidden={title ? undefined : true}\n      fill=\"none\"\n      height={size}\n      viewBox=\"0 0 24 24\"\n      width={size}\n      {...props}\n    >\n      {title ? <title>{title}</title> : null}\n      <path\n        d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.27-4.74 3.27-8.1Z\"\n        fill=\"#4285F4\"\n      />\n      <path\n        d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84A11 11 0 0 0 12 23Z\"\n        fill=\"#34A853\"\n      />\n      <path\n        d=\"M5.84 14.1A6.6 6.6 0 0 1 5.5 12c0-.73.12-1.43.34-2.1V7.08H2.18A11 11 0 0 0 1 12c0 1.78.43 3.45 1.18 4.93l3.66-2.83Z\"\n        fill=\"#FBBC05\"\n      />\n      <path\n        d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15A10.6 10.6 0 0 0 12 1a11 11 0 0 0-9.82 6.08l3.66 2.83A6.58 6.58 0 0 1 12 5.38Z\"\n        fill=\"#EA4335\"\n      />\n    </svg>\n  );\n}\n\nexport function GitHubBrandIcon({ size = 22, title, ...props }: IconProps) {\n  return (\n    <svg\n      aria-hidden={title ? undefined : true}\n      fill=\"currentColor\"\n      height={size}\n      viewBox=\"0 0 24 24\"\n      width={size}\n      {...props}\n    >\n      {title ? <title>{title}</title> : null}\n      <path d=\"M12 0C5.37 0 0 5.37 0 12c0 5.3 3.44 9.8 8.21 11.39.6.11.79-.26.79-.58v-2.23c-3.34.73-4.03-1.42-4.03-1.42-.55-1.39-1.33-1.76-1.33-1.76-1.09-.74.08-.73.08-.73 1.2.08 1.84 1.24 1.84 1.24 1.07 1.83 2.81 1.3 3.49 1 .11-.78.42-1.3.76-1.6-2.66-.31-5.47-1.34-5.47-5.94 0-1.31.47-2.38 1.24-3.22-.12-.3-.54-1.52.12-3.18 0 0 1.01-.32 3.3 1.23A11.5 11.5 0 0 1 12 5.8c1.02.01 2.05.14 3.01.4 2.29-1.55 3.3-1.23 3.3-1.23.65 1.65.24 2.87.12 3.18.77.84 1.23 1.91 1.23 3.22 0 4.61-2.81 5.62-5.48 5.92.43.37.82 1.1.82 2.22v3.3c0 .32.19.69.8.58A12.01 12.01 0 0 0 24 12c0-6.63-5.37-12-12-12Z\" />\n    </svg>\n  );\n}\n"],"mappings":"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","names":[]}

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-FT633NLJ.js";
+import "../chunk-NFSMZKML.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 };