@sytechui/theme 2.4.26

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Next UI Inc.
+
+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/README.md

@@ -0,0 +1,24 @@
+# @sytechui/theme
+
+HeroUI theme primitives, here you can find the TailwindCSS `plugin`, `colors`, `layout`, `spacing`, `typography` and some other utilities.
+
+Please refer to the [documentation](https://heroui.com/theme) for more information.
+
+## Installation
+
+```sh
+yarn add @sytechui/theme
+# or
+npm i @sytechui/theme
+```
+
+## Contribution
+
+Yes please! See the
+[contributing guidelines](https://github.com/heroui-inc/heroui/blob/master/CONTRIBUTING.md)
+for details.
+
+## License
+
+This project is licensed under the terms of the
+[MIT license](https://github.com/heroui-inc/heroui/blob/master/LICENSE).

package/colors.d.ts

@@ -0,0 +1 @@
+export * from "./dist/colors";

package/colors.js

@@ -0,0 +1 @@
+module.exports = require("./dist/colors");

package/dist/animations/index.d.mts

@@ -0,0 +1,105 @@
+declare const animations: {
+    animation: {
+        shimmer: string;
+        "drip-expand": string;
+        "spinner-ease-spin": string;
+        "spinner-linear-spin": string;
+        sway: string;
+        blink: string;
+        "fade-out": string;
+        "appearance-in": string;
+        "appearance-out": string;
+        "indeterminate-bar": string;
+    };
+    keyframes: {
+        shimmer: {
+            "100%": {
+                transform: string;
+            };
+        };
+        "spinner-spin": {
+            "0%": {
+                transform: string;
+            };
+            "100%": {
+                transform: string;
+            };
+        };
+        "drip-expand": {
+            "0%": {
+                opacity: string;
+                transform: string;
+            };
+            "100%": {
+                opacity: string;
+                transform: string;
+            };
+        };
+        "appearance-in": {
+            "0%": {
+                opacity: string;
+                transform: string;
+            };
+            "60%": {
+                opacity: string;
+                backfaceVisibility: string;
+                webkitFontSmoothing: string;
+                transform: string;
+            };
+            "100%": {
+                opacity: string;
+                transform: string;
+            };
+        };
+        "appearance-out": {
+            "0%": {
+                opacity: string;
+                transform: string;
+            };
+            "100%": {
+                opacity: string;
+                transform: string;
+            };
+        };
+        "indeterminate-bar": {
+            "0%": {
+                transform: string;
+            };
+            "100%": {
+                transform: string;
+            };
+        };
+        sway: {
+            "0%": {
+                transform: string;
+            };
+            "50%": {
+                transform: string;
+            };
+            "100%": {
+                transform: string;
+            };
+        };
+        blink: {
+            "0%": {
+                opacity: string;
+            };
+            "20%": {
+                opacity: string;
+            };
+            "100%": {
+                opacity: string;
+            };
+        };
+        "fade-out": {
+            "0%": {
+                opacity: string;
+            };
+            "100%": {
+                opacity: string;
+            };
+        };
+    };
+};
+
+export { animations };

package/dist/animations/index.d.ts

@@ -0,0 +1,105 @@
+declare const animations: {
+    animation: {
+        shimmer: string;
+        "drip-expand": string;
+        "spinner-ease-spin": string;
+        "spinner-linear-spin": string;
+        sway: string;
+        blink: string;
+        "fade-out": string;
+        "appearance-in": string;
+        "appearance-out": string;
+        "indeterminate-bar": string;
+    };
+    keyframes: {
+        shimmer: {
+            "100%": {
+                transform: string;
+            };
+        };
+        "spinner-spin": {
+            "0%": {
+                transform: string;
+            };
+            "100%": {
+                transform: string;
+            };
+        };
+        "drip-expand": {
+            "0%": {
+                opacity: string;
+                transform: string;
+            };
+            "100%": {
+                opacity: string;
+                transform: string;
+            };
+        };
+        "appearance-in": {
+            "0%": {
+                opacity: string;
+                transform: string;
+            };
+            "60%": {
+                opacity: string;
+                backfaceVisibility: string;
+                webkitFontSmoothing: string;
+                transform: string;
+            };
+            "100%": {
+                opacity: string;
+                transform: string;
+            };
+        };
+        "appearance-out": {
+            "0%": {
+                opacity: string;
+                transform: string;
+            };
+            "100%": {
+                opacity: string;
+                transform: string;
+            };
+        };
+        "indeterminate-bar": {
+            "0%": {
+                transform: string;
+            };
+            "100%": {
+                transform: string;
+            };
+        };
+        sway: {
+            "0%": {
+                transform: string;
+            };
+            "50%": {
+                transform: string;
+            };
+            "100%": {
+                transform: string;
+            };
+        };
+        blink: {
+            "0%": {
+                opacity: string;
+            };
+            "20%": {
+                opacity: string;
+            };
+            "100%": {
+                opacity: string;
+            };
+        };
+        "fade-out": {
+            "0%": {
+                opacity: string;
+            };
+            "100%": {
+                opacity: string;
+            };
+        };
+    };
+};
+
+export { animations };

package/dist/animations/index.js

@@ -0,0 +1,133 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/animations/index.ts
+var animations_exports = {};
+__export(animations_exports, {
+  animations: () => animations
+});
+module.exports = __toCommonJS(animations_exports);
+var animations = {
+  animation: {
+    shimmer: "shimmer 2s infinite",
+    "drip-expand": "drip-expand 420ms linear",
+    "spinner-ease-spin": "spinner-spin 0.8s ease infinite",
+    "spinner-linear-spin": "spinner-spin 0.8s linear infinite",
+    sway: "sway 750ms ease infinite",
+    blink: "blink 1.4s infinite both",
+    "fade-out": "fade-out 1.2s linear 0s infinite normal none running",
+    "appearance-in": "appearance-in 250ms ease-out normal both",
+    "appearance-out": "appearance-out 60ms ease-in normal both",
+    "indeterminate-bar": "indeterminate-bar 1.5s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite normal none running"
+  },
+  keyframes: {
+    shimmer: {
+      "100%": {
+        transform: "translateX(200%)"
+      }
+    },
+    "spinner-spin": {
+      "0%": {
+        transform: "rotate(0deg)"
+      },
+      "100%": {
+        transform: "rotate(360deg)"
+      }
+    },
+    "drip-expand": {
+      "0%": {
+        opacity: "0.2",
+        transform: "scale(0)"
+      },
+      "100%": {
+        opacity: "0",
+        transform: "scale(2)"
+      }
+    },
+    "appearance-in": {
+      "0%": {
+        opacity: "0",
+        transform: "translateZ(0)  scale(0.95)"
+      },
+      "60%": {
+        opacity: "0.75",
+        /* Avoid blurriness */
+        backfaceVisibility: "hidden",
+        webkitFontSmoothing: "antialiased",
+        transform: "translateZ(0) scale(1.05)"
+      },
+      "100%": {
+        opacity: "1",
+        transform: "translateZ(0) scale(1)"
+      }
+    },
+    "appearance-out": {
+      "0%": {
+        opacity: "1",
+        transform: "scale(1)"
+      },
+      "100%": {
+        opacity: "0",
+        transform: "scale(0.85)"
+      }
+    },
+    "indeterminate-bar": {
+      "0%": {
+        transform: "translateX(-50%) scaleX(0.2)"
+      },
+      "100%": {
+        transform: "translateX(100%) scaleX(1)"
+      }
+    },
+    sway: {
+      "0%": {
+        transform: "translate(0px, 0px)"
+      },
+      "50%": {
+        transform: "translate(0px, -150%)"
+      },
+      "100%": {
+        transform: "translate(0px, 0px)"
+      }
+    },
+    blink: {
+      "0%": {
+        opacity: "0.2"
+      },
+      "20%": {
+        opacity: "1"
+      },
+      "100%": {
+        opacity: "0.2"
+      }
+    },
+    "fade-out": {
+      "0%": {
+        opacity: "1"
+      },
+      "100%": {
+        opacity: "0.15"
+      }
+    }
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  animations
+});

package/dist/animations/index.mjs

@@ -0,0 +1,6 @@
+import {
+  animations
+} from "../chunk-KXPLHLA6.mjs";
+export {
+  animations
+};

package/dist/chunk-3LKKH4AR.mjs

@@ -0,0 +1,17 @@
+// src/colors/zinc.ts
+var zinc = {
+  "50": "#fafafa",
+  "100": "#f4f4f5",
+  "200": "#e4e4e7",
+  "300": "#d4d4d8",
+  "400": "#a1a1aa",
+  "500": "#71717a",
+  "600": "#52525b",
+  "700": "#3f3f46",
+  "800": "#27272a",
+  "900": "#18181b"
+};
+
+export {
+  zinc
+};

package/dist/chunk-5ICJA2GK.mjs

@@ -0,0 +1,71 @@
+// src/utils/object.ts
+function swapColorValues(colors) {
+  const swappedColors = {};
+  const keys = Object.keys(colors);
+  const length = keys.length;
+  for (let i = 0; i < length / 2; i++) {
+    const key1 = keys[i];
+    const key2 = keys[length - 1 - i];
+    swappedColors[key1] = colors[key2];
+    swappedColors[key2] = colors[key1];
+  }
+  if (length % 2 !== 0) {
+    const middleKey = keys[Math.floor(length / 2)];
+    swappedColors[middleKey] = colors[middleKey];
+  }
+  return swappedColors;
+}
+function removeDefaultKeys(obj) {
+  const newObj = {};
+  for (const key in obj) {
+    if (key.endsWith("-DEFAULT")) {
+      newObj[key.replace("-DEFAULT", "")] = obj[key];
+      continue;
+    }
+    newObj[key] = obj[key];
+  }
+  return newObj;
+}
+function isBuffer(obj) {
+  return obj && obj.constructor && typeof obj.constructor.isBuffer === "function" && obj.constructor.isBuffer(obj);
+}
+function keyIdentity(key) {
+  return key;
+}
+function flatten(target, opts) {
+  opts = opts || {};
+  const delimiter = opts.delimiter || ".";
+  const maxDepth = opts.maxDepth;
+  const transformKey = opts.transformKey || keyIdentity;
+  const output = {};
+  function step(object, prev, currentDepth) {
+    currentDepth = currentDepth || 1;
+    Object.keys(object).forEach(function(key) {
+      const value = object[key];
+      const isarray = opts.safe && Array.isArray(value);
+      const type = Object.prototype.toString.call(value);
+      const isbuffer = isBuffer(value);
+      const isobject = type === "[object Object]" || type === "[object Array]";
+      const newKey = prev ? prev + delimiter + transformKey(key) : transformKey(key);
+      if (!isarray && !isbuffer && isobject && Object.keys(value).length && (!opts.maxDepth || currentDepth < maxDepth)) {
+        return step(value, newKey, currentDepth + 1);
+      }
+      output[newKey] = value;
+    });
+  }
+  step(target, null, null);
+  return output;
+}
+var flattenThemeObject = (obj) => removeDefaultKeys(
+  flatten(obj, {
+    safe: true,
+    delimiter: "-"
+  })
+);
+
+export {
+  swapColorValues,
+  removeDefaultKeys,
+  flatten,
+  flattenThemeObject
+};

package/dist/chunk-6FGGVHAY.mjs

@@ -0,0 +1,63 @@
+import {
+  tv
+} from "./chunk-PGQDBCOS.mjs";
+
+// src/components/autocomplete.ts
+var autocomplete = tv({
+  slots: {
+    base: "group inline-flex flex-column w-full",
+    listboxWrapper: "scroll-py-6 w-full",
+    listbox: "",
+    popoverContent: "w-full p-1 overflow-hidden",
+    endContentWrapper: "relative flex h-full items-center -mr-2",
+    clearButton: [
+      "text-medium",
+      "translate-x-1",
+      "cursor-text",
+      "opacity-0",
+      "pointer-events-none",
+      "text-default-500",
+      "group-data-[invalid=true]:text-danger",
+      "data-[visible=true]:opacity-100",
+      // on mobile is always visible when there is a value
+      "data-[visible=true]:pointer-events-auto",
+      "data-[visible=true]:cursor-pointer",
+      "sm:data-[visible=true]:opacity-0",
+      // only visible on hover
+      "sm:data-[visible=true]:pointer-events-none",
+      "sm:group-data-[hover=true]:data-[visible=true]:opacity-100",
+      "sm:group-data-[hover=true]:data-[visible=true]:pointer-events-auto"
+    ],
+    selectorButton: "text-medium"
+  },
+  variants: {
+    isClearable: {
+      true: {},
+      false: {
+        clearButton: "hidden"
+      }
+    },
+    disableAnimation: {
+      true: {
+        selectorButton: "transition-none"
+      },
+      false: {
+        selectorButton: "transition-transform duration-150 ease motion-reduce:transition-none"
+      }
+    },
+    disableSelectorIconRotation: {
+      true: {},
+      false: {
+        selectorButton: "data-[open=true]:rotate-180"
+      }
+    }
+  },
+  defaultVariants: {
+    isClearable: true,
+    disableSelectorIconRotation: false
+  }
+});
+
+export {
+  autocomplete
+};