@orbitkit/components 0.0.1 → 0.2.0-beta.1

package/dist/astro/tooltip/tooltipVariants.ts

@@ -0,0 +1,115 @@
+import { cva } from "class-variance-authority";
+
+const baseClass = [
+  "hidden absolute z-50 px-3 py-1.5 whitespace-nowrap bg-foreground text-background rounded-md text-sm backdrop-blur-sm max-w-xs",
+  "transform transition-all ease-in data-[state=closed]:opacity-0 data-[state=closed]:scale-95 data[state=open]:opacity-100 data[state=open]:scale-100",
+];
+
+const tooltipVariants = cva(baseClass, {
+  variants: {
+    side: {
+      top: "bottom-full mb-(--tooltip-offset)",
+      bottom: "top-full mt-(--tooltip-offset)",
+      left: "right-full mr-(--tooltip-offset)",
+      right: "left-full ml-(--tooltip-offset)",
+    },
+    alignment: {
+      start: "",
+      center: "",
+      end: "",
+    },
+  },
+  compoundVariants: [
+    {
+      side: ["top", "bottom"],
+      alignment: "start",
+      class: "left-0",
+    },
+    {
+      side: ["top", "bottom"],
+      alignment: "end",
+      class: "left-full -translate-x-full",
+    },
+    {
+      side: ["top", "bottom"],
+      alignment: "center",
+      class: "left-1/2 -translate-x-1/2",
+    },
+    {
+      side: ["left", "right"],
+      alignment: "start",
+      class: "top-0 -translate-y-0",
+    },
+    {
+      side: ["left", "right"],
+      alignment: "center",
+      class: "top-1/2 -translate-y-1/2",
+    },
+    {
+      side: ["left", "right"],
+      alignment: "end",
+      class: "top-full -translate-y-full",
+    },
+  ],
+  defaultVariants: {
+    side: "top",
+    alignment: "center",
+  },
+});
+
+const arrowClass =
+  "absolute w-0 h-0 transition-all transform ease-in size-2 bg-foreground transform rotate-45";
+
+const tooltipArrowVariants = cva(arrowClass, {
+  variants: {
+    side: {
+      top: "top-full -mt-1 ",
+      bottom: "bottom-full -mb-1",
+      left: "left-full -ml-1",
+      right: "right-full -mr-1",
+    },
+    alignment: {
+      start: "",
+      center: "",
+      end: "",
+    },
+  },
+  compoundVariants: [
+    {
+      side: ["top", "bottom"],
+      alignment: "start",
+      class: "left-0 ml-3 ",
+    },
+    {
+      side: ["top", "bottom"],
+      alignment: "end",
+      class: "right-0 mr-3",
+    },
+    {
+      side: ["top", "bottom"],
+      alignment: "center",
+      class: "left-1/2 -translate-x-1/2",
+    },
+    {
+      side: ["left", "right"],
+      alignment: "start",
+      class: "top-0 mt-3",
+    },
+    {
+      side: ["left", "right"],
+      alignment: "center",
+      class: "top-1/2 -translate-y-1/2",
+    },
+    {
+      side: ["left", "right"],
+      alignment: "end",
+      class: "bottom-0 mb-3",
+    },
+  ],
+  defaultVariants: {
+    side: "top",
+    alignment: "center",
+  },
+});
+
+export { tooltipArrowVariants, tooltipVariants };

package/dist/index.js

@@ -43,7 +43,7 @@ var registry_default = {
     },
     {
       name: "select",
-      version: "0.0.1"
+      version: "0.0.2"
     },
     {
       name: "switch",
@@ -56,6 +56,62 @@ var registry_default = {
     {
       name: "radio",
       version: "0.0.1"
+    },
+    {
+      name: "list",
+      version: "0.0.1"
+    },
+    {
+      name: "divider",
+      version: "0.0.1"
+    },
+    {
+      name: "skeleton",
+      version: "0.0.1"
+    },
+    {
+      name: "accordion",
+      version: "0.0.1"
+    },
+    {
+      name: "modal",
+      version: "0.0.1"
+    },
+    {
+      name: "tooltip",
+      version: "0.0.1"
+    },
+    {
+      name: "collapsible",
+      version: "0.0.1"
+    },
+    {
+      name: "drawer",
+      version: "0.0.1"
+    },
+    {
+      name: "dropdown",
+      version: "0.0.1"
+    },
+    {
+      name: "kbd",
+      version: "0.0.1"
+    },
+    {
+      name: "pagination",
+      version: "0.0.1"
+    },
+    {
+      name: "popover",
+      version: "0.0.1"
+    },
+    {
+      name: "stat",
+      version: "0.0.1"
+    },
+    {
+      name: "tab",
+      version: "0.0.1"
     }
   ]
 };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/registry.json","../src/index.ts"],"sourcesContent":["{\n  \"components\": [\n    {\n      \"name\": \"button\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"alert\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"badge\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"avatar\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"card\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"input\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"label\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"breadcrumb\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"progress\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"textarea\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"select\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"switch\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"checkbox\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"radio\",\n      \"version\": \"0.0.1\"\n    }\n  ]\n}\n","import registry from \"@/registry.json\";\nimport { fileURLToPath } from \"node:url\";\n\nimport path from \"node:path\";\nimport { ComponentRegistryEntry } from \"./types/registry\";\n\nconst __dirname = path.dirname(fileURLToPath(import.meta.url));\n\nexport function getAllComponents() {\n  return registry.components as ComponentRegistryEntry[];\n}\n\nexport function getComponentPath(componentName: string) {\n  return path.join(__dirname, \"astro\", componentName);\n}\n\nexport async function checkComponentsInRegistry(components: string[]) {\n  const valid: ComponentRegistryEntry[] = [];\n  const invalid: string[] = [];\n  const allComponents = getAllComponents();\n\n  for (const component of components) {\n    const found = allComponents.find(\n      (c) => c.name.toLowerCase() === component.toLowerCase(),\n    );\n    if (found) {\n      valid.push(found);\n    } else {\n      invalid.push(component);\n    }\n  }\n\n  return { valid, invalid };\n}\n\nexport { type ComponentRegistryEntry } from \"@/types/registry\";\n"],"mappings":";AAAA;AAAA,EACE,YAAc;AAAA,IACZ;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,EACF;AACF;;;AC1DA,SAAS,qBAAqB;AAE9B,OAAO,UAAU;AAGjB,IAAM,YAAY,KAAK,QAAQ,cAAc,YAAY,GAAG,CAAC;AAEtD,SAAS,mBAAmB;AACjC,SAAO,iBAAS;AAClB;AAEO,SAAS,iBAAiB,eAAuB;AACtD,SAAO,KAAK,KAAK,WAAW,SAAS,aAAa;AACpD;AAEA,eAAsB,0BAA0B,YAAsB;AACpE,QAAM,QAAkC,CAAC;AACzC,QAAM,UAAoB,CAAC;AAC3B,QAAM,gBAAgB,iBAAiB;AAEvC,aAAW,aAAa,YAAY;AAClC,UAAM,QAAQ,cAAc;AAAA,MAC1B,CAAC,MAAM,EAAE,KAAK,YAAY,MAAM,UAAU,YAAY;AAAA,IACxD;AACA,QAAI,OAAO;AACT,YAAM,KAAK,KAAK;AAAA,IAClB,OAAO;AACL,cAAQ,KAAK,SAAS;AAAA,IACxB;AAAA,EACF;AAEA,SAAO,EAAE,OAAO,QAAQ;AAC1B;","names":[]}
+{"version":3,"sources":["../src/registry.json","../src/index.ts"],"sourcesContent":["{\n  \"components\": [\n    {\n      \"name\": \"button\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"alert\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"badge\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"avatar\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"card\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"input\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"label\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"breadcrumb\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"progress\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"textarea\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"select\",\n      \"version\": \"0.0.2\"\n    },\n    {\n      \"name\": \"switch\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"checkbox\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"radio\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"list\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"divider\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"skeleton\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"accordion\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"modal\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"tooltip\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"collapsible\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"drawer\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"dropdown\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"kbd\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"pagination\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"popover\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"stat\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"tab\",\n      \"version\": \"0.0.1\"\n    }\n  ]\n}\n","import registry from \"@/registry.json\";\r\nimport { fileURLToPath } from \"node:url\";\r\n\r\nimport path from \"node:path\";\r\nimport { ComponentRegistryEntry } from \"./types/registry\";\r\n\r\nconst __dirname = path.dirname(fileURLToPath(import.meta.url));\r\n\r\nexport function getAllComponents() {\r\n  return registry.components as ComponentRegistryEntry[];\r\n}\r\n\r\nexport function getComponentPath(componentName: string) {\r\n  return path.join(__dirname, \"astro\", componentName);\r\n}\r\n\r\nexport async function checkComponentsInRegistry(components: string[]) {\r\n  const valid: ComponentRegistryEntry[] = [];\r\n  const invalid: string[] = [];\r\n  const allComponents = getAllComponents();\r\n\r\n  for (const component of components) {\r\n    const found = allComponents.find(\r\n      (c) => c.name.toLowerCase() === component.toLowerCase(),\r\n    );\r\n    if (found) {\r\n      valid.push(found);\r\n    } else {\r\n      invalid.push(component);\r\n    }\r\n  }\r\n\r\n  return { valid, invalid };\r\n}\r\n\r\nexport { type ComponentRegistryEntry } from \"@/types/registry\";\r\n"],"mappings":";AAAA;AAAA,EACE,YAAc;AAAA,IACZ;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,EACF;AACF;;;AClHA,SAAS,qBAAqB;AAE9B,OAAO,UAAU;AAGjB,IAAM,YAAY,KAAK,QAAQ,cAAc,YAAY,GAAG,CAAC;AAEtD,SAAS,mBAAmB;AACjC,SAAO,iBAAS;AAClB;AAEO,SAAS,iBAAiB,eAAuB;AACtD,SAAO,KAAK,KAAK,WAAW,SAAS,aAAa;AACpD;AAEA,eAAsB,0BAA0B,YAAsB;AACpE,QAAM,QAAkC,CAAC;AACzC,QAAM,UAAoB,CAAC;AAC3B,QAAM,gBAAgB,iBAAiB;AAEvC,aAAW,aAAa,YAAY;AAClC,UAAM,QAAQ,cAAc;AAAA,MAC1B,CAAC,MAAM,EAAE,KAAK,YAAY,MAAM,UAAU,YAAY;AAAA,IACxD;AACA,QAAI,OAAO;AACT,YAAM,KAAK,KAAK;AAAA,IAClB,OAAO;AACL,cAAQ,KAAK,SAAS;AAAA,IACxB;AAAA,EACF;AAEA,SAAO,EAAE,OAAO,QAAQ;AAC1B;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orbitkit/components",
-  "version": "0.0.1",
+  "version": "0.2.0-beta.1",
   "description": "Customizable UI components designed for seamless integration and scalability.",
   "main": "./dist/index.js",
   "type": "module",
@@ -18,7 +18,9 @@
     "format:check": "eslint . && prettier --check .",
     "format:fix": "eslint --fix . && prettier --write .",
     "components:link": "pnpm link . --global",
-    "components:unlink": "pnpm rm --global @orbitkit/components"
+    "components:unlink": "pnpm rm --global @orbitkit/components",
+    "publish:beta": "pnpm build && npm publish --tag beta --access public",
+    "publish:release": "pnpm build && npm publish --access public"
   },
   "keywords": [
     "ui",
@@ -41,6 +43,11 @@
     "tailwindcss": "4.1.5",
     "tsup": "8.4.0"
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nsmichelj/orbitui.git",
+    "directory": "package/components"
+  },
   "files": [
     "dist"
   ]