@tomo-inc/tomo-ui 0.0.12 → 0.0.13

package/dist/theme/chunk-JGY6VQQQ.mjs

@@ -0,0 +1,87 @@
+// src/utils/classes.ts
+var baseStyles = (prefix) => ({
+  color: `hsl(var(--${prefix}-foreground))`,
+  backgroundColor: `hsl(var(--${prefix}-background))`
+});
+var focusVisibleClasses = [
+  "focus-visible:z-10",
+  "focus-visible:outline-2",
+  "focus-visible:outline-focus",
+  "focus-visible:outline-offset-2"
+];
+var dataFocusVisibleClasses = [
+  "outline-solid outline-transparent",
+  "data-[focus-visible=true]:z-10",
+  "data-[focus-visible=true]:outline-2",
+  "data-[focus-visible=true]:outline-focus",
+  "data-[focus-visible=true]:outline-offset-2"
+];
+var groupDataFocusVisibleClasses = [
+  "outline-solid outline-transparent",
+  "group-data-[focus-visible=true]:z-10",
+  "group-data-[focus-visible=true]:ring-2",
+  "group-data-[focus-visible=true]:ring-focus",
+  "group-data-[focus-visible=true]:ring-offset-2",
+  "group-data-[focus-visible=true]:ring-offset-background"
+];
+var ringClasses = [
+  "outline-solid outline-transparent",
+  "ring-2",
+  "ring-focus",
+  "ring-offset-2",
+  "ring-offset-background"
+];
+var translateCenterClasses = [
+  "absolute",
+  "top-1/2",
+  "left-1/2",
+  "-translate-x-1/2",
+  "-translate-y-1/2"
+];
+var absoluteFullClasses = ["absolute", "inset-0"];
+var collapseAdjacentVariantBorders = {
+  default: ["[&+.border-medium.border-default]:ms-[calc(var(--heroui-border-width-medium)*-1)]"],
+  primary: ["[&+.border-medium.border-primary]:ms-[calc(var(--heroui-border-width-medium)*-1)]"],
+  secondary: [
+    "[&+.border-medium.border-secondary]:ms-[calc(var(--heroui-border-width-medium)*-1)]"
+  ],
+  success: ["[&+.border-medium.border-success]:ms-[calc(var(--heroui-border-width-medium)*-1)]"],
+  warning: ["[&+.border-medium.border-warning]:ms-[calc(var(--heroui-border-width-medium)*-1)]"],
+  danger: ["[&+.border-medium.border-danger]:ms-[calc(var(--heroui-border-width-medium)*-1)]"]
+};
+var hiddenInputClasses = [
+  // Font styles
+  "font-inherit",
+  "text-[100%]",
+  "leading-[1.15]",
+  // Reset margins and padding
+  "m-0",
+  "p-0",
+  // Overflow and box-sizing
+  "overflow-visible",
+  "box-border",
+  // Positioning & Hit area
+  "absolute",
+  "top-0",
+  "w-full",
+  "h-full",
+  // Opacity and z-index
+  "opacity-[0.0001]",
+  "z-[1]",
+  // Cursor
+  "cursor-pointer",
+  // Disabled state
+  "disabled:cursor-default"
+];
+
+export {
+  baseStyles,
+  focusVisibleClasses,
+  dataFocusVisibleClasses,
+  groupDataFocusVisibleClasses,
+  ringClasses,
+  translateCenterClasses,
+  absoluteFullClasses,
+  collapseAdjacentVariantBorders,
+  hiddenInputClasses
+};

package/dist/theme/chunk-JUEOCLA3.mjs

@@ -0,0 +1,17 @@
+// src/colors/yellow.ts
+var yellow = {
+  50: "#fefce8",
+  100: "#fdedd3",
+  200: "#fbdba7",
+  300: "#f9c97c",
+  400: "#f7b750",
+  500: "#f5a524",
+  600: "#c4841d",
+  700: "#936316",
+  800: "#62420e",
+  900: "#312107"
+};
+
+export {
+  yellow
+};

package/dist/theme/chunk-KGFOLKLU.mjs

@@ -0,0 +1,157 @@
+import {
+  tv
+} from "./chunk-TX3FPB7D.mjs";
+import {
+  dataFocusVisibleClasses
+} from "./chunk-JGY6VQQQ.mjs";
+
+// src/components/card.ts
+var card = tv({
+  slots: {
+    base: [
+      "flex",
+      "flex-col",
+      "relative",
+      "overflow-hidden",
+      "h-auto",
+      "outline-solid outline-transparent",
+      "text-foreground",
+      "box-border",
+      "bg-content1",
+      // focus ring
+      ...dataFocusVisibleClasses
+    ],
+    header: [
+      "flex",
+      "p-3",
+      "z-10",
+      "w-full",
+      "justify-start",
+      "items-center",
+      "shrink-0",
+      "overflow-inherit",
+      "color-inherit",
+      "subpixel-antialiased"
+    ],
+    body: [
+      "relative",
+      "flex",
+      "flex-1",
+      "w-full",
+      "p-3",
+      "flex-auto",
+      "flex-col",
+      "place-content-inherit",
+      "align-items-inherit",
+      "h-auto",
+      "break-words",
+      "text-left",
+      "overflow-y-auto",
+      "subpixel-antialiased"
+    ],
+    footer: [
+      "p-3",
+      "h-auto",
+      "flex",
+      "w-full",
+      "items-center",
+      "overflow-hidden",
+      "color-inherit",
+      "subpixel-antialiased"
+    ]
+  },
+  variants: {
+    shadow: {
+      none: {
+        base: "shadow-none"
+      },
+      sm: {
+        base: "shadow-small"
+      },
+      md: {
+        base: "shadow-medium"
+      },
+      lg: {
+        base: "shadow-large"
+      }
+    },
+    radius: {
+      none: {
+        base: "rounded-none",
+        header: "rounded-none",
+        footer: "rounded-none"
+      },
+      sm: {
+        base: "rounded-small",
+        header: "rounded-t-small",
+        footer: "rounded-b-small"
+      },
+      md: {
+        base: "rounded-medium",
+        header: "rounded-t-medium",
+        footer: "rounded-b-medium"
+      },
+      lg: {
+        base: "rounded-large",
+        header: "rounded-t-large",
+        footer: "rounded-b-large"
+      }
+    },
+    fullWidth: {
+      true: {
+        base: "w-full"
+      }
+    },
+    isHoverable: {
+      true: {
+        base: "data-[hover=true]:bg-content2 dark:data-[hover=true]:bg-content2"
+      }
+    },
+    isPressable: {
+      true: { base: "cursor-pointer" }
+    },
+    isBlurred: {
+      true: {
+        base: [
+          "bg-background/80",
+          "dark:bg-background/20",
+          "backdrop-blur-md",
+          "backdrop-saturate-150"
+        ]
+      }
+    },
+    isFooterBlurred: {
+      true: {
+        footer: ["bg-background/10", "backdrop-blur", "backdrop-saturate-150"]
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-disabled cursor-not-allowed"
+      }
+    },
+    disableAnimation: {
+      true: "",
+      false: { base: "transition-transform-background motion-reduce:transition-none" }
+    }
+  },
+  compoundVariants: [
+    {
+      isPressable: true,
+      class: "data-[pressed=true]:scale-[0.97] tap-highlight-transparent"
+    }
+  ],
+  defaultVariants: {
+    radius: "lg",
+    shadow: "md",
+    fullWidth: false,
+    isHoverable: false,
+    isPressable: false,
+    isDisabled: false,
+    isFooterBlurred: false
+  }
+});
+
+export {
+  card
+};

package/dist/theme/chunk-KUNVFLXJ.mjs

@@ -0,0 +1,41 @@
+// src/utils/object.ts
+import flatten from "flat";
+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;
+}
+var flattenThemeObject = (obj) => removeDefaultKeys(
+  flatten(obj, {
+    safe: true,
+    delimiter: "-"
+  })
+);
+
+export {
+  swapColorValues,
+  removeDefaultKeys,
+  flattenThemeObject
+};

package/dist/theme/chunk-KUROSFJE.mjs

@@ -0,0 +1,12 @@
+import {
+  tv
+} from "./chunk-TX3FPB7D.mjs";
+
+// src/components/drip.ts
+var drip = tv({
+  base: ["absolute", "will-change-transform", "bg-current", "rounded-full", "animate-drip-expand"]
+});
+
+export {
+  drip
+};

package/dist/theme/chunk-KXPLHLA6.mjs

@@ -0,0 +1,109 @@
+// src/animations/index.ts
+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"
+      }
+    }
+  }
+};
+
+export {
+  animations
+};

package/dist/theme/chunk-L2OL7R23.mjs

@@ -0,0 +1,17 @@
+// src/colors/purple.ts
+var purple = {
+  50: "#f2eafa",
+  100: "#e4d4f4",
+  200: "#c9a9e9",
+  300: "#ae7ede",
+  400: "#9353d3",
+  500: "#7828c8",
+  600: "#6020a0",
+  700: "#481878",
+  800: "#301050",
+  900: "#180828"
+};
+
+export {
+  purple
+};

package/dist/theme/chunk-MPVWW3DX.mjs

@@ -0,0 +1,30 @@
+// src/utilities/custom.ts
+var custom_default = {
+  /**
+   * Custom utilities
+   */
+  ".leading-inherit": {
+    "line-height": "inherit"
+  },
+  ".bg-img-inherit": {
+    "background-image": "inherit"
+  },
+  ".bg-clip-inherit": {
+    "background-clip": "inherit"
+  },
+  ".text-fill-inherit": {
+    "-webkit-text-fill-color": "inherit"
+  },
+  ".tap-highlight-transparent": {
+    "-webkit-tap-highlight-color": "transparent"
+  },
+  ".input-search-cancel-button-none": {
+    "&::-webkit-search-cancel-button": {
+      "-webkit-appearance": "none"
+    }
+  }
+};
+
+export {
+  custom_default
+};

package/dist/theme/chunk-NY7ORCUI.mjs

@@ -0,0 +1,36 @@
+import {
+  tv
+} from "./chunk-TX3FPB7D.mjs";
+
+// src/components/scroll-shadow.ts
+var verticalShadow = [
+  "data-[top-scroll=true]:[mask-image:linear-gradient(0deg,#000_calc(100%_-_var(--scroll-shadow-size)),transparent)]",
+  "data-[bottom-scroll=true]:[mask-image:linear-gradient(180deg,#000_calc(100%_-_var(--scroll-shadow-size)),transparent)]",
+  "data-[top-bottom-scroll=true]:[mask-image:linear-gradient(#000,#000,transparent_0,#000_var(--scroll-shadow-size),#000_calc(100%_-_var(--scroll-shadow-size)),transparent)]"
+];
+var horizontalShadow = [
+  "data-[left-scroll=true]:[mask-image:linear-gradient(270deg,#000_calc(100%_-_var(--scroll-shadow-size)),transparent)]",
+  "data-[right-scroll=true]:[mask-image:linear-gradient(90deg,#000_calc(100%_-_var(--scroll-shadow-size)),transparent)]",
+  "data-[left-right-scroll=true]:[mask-image:linear-gradient(to_right,#000,#000,transparent_0,#000_var(--scroll-shadow-size),#000_calc(100%_-_var(--scroll-shadow-size)),transparent)]"
+];
+var scrollShadow = tv({
+  base: [],
+  variants: {
+    orientation: {
+      vertical: ["overflow-y-auto", ...verticalShadow],
+      horizontal: ["overflow-x-auto", ...horizontalShadow]
+    },
+    hideScrollBar: {
+      true: "scrollbar-hide",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical",
+    hideScrollBar: false
+  }
+});
+
+export {
+  scrollShadow
+};

package/dist/theme/chunk-O5X46N53.mjs

@@ -0,0 +1,21 @@
+import {
+  tv
+} from "./chunk-TX3FPB7D.mjs";
+
+// src/components/divider.ts
+var divider = tv({
+  base: "shrink-0 bg-divider border-none",
+  variants: {
+    orientation: {
+      horizontal: "w-full h-divider",
+      vertical: "h-full w-divider"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+
+export {
+  divider
+};