@1001tv/manara 0.0.3-beta.0

package/dist/tailwind-plugin.js

@@ -0,0 +1,713 @@
+import h from "tailwindcss/plugin.js";
+function y(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var g = {}, d = {}, p;
+function v() {
+  return p || (p = 1, (function(t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    }), Object.defineProperty(t, "default", {
+      enumerable: !0,
+      get: function() {
+        return a;
+      }
+    });
+    function o(r, e) {
+      return {
+        handler: r,
+        config: e
+      };
+    }
+    o.withOptions = function(r, e = () => ({})) {
+      const n = function(l) {
+        return {
+          __options: l,
+          handler: r(l),
+          config: e(l)
+        };
+      };
+      return n.__isOptionsFunction = !0, n.__pluginFunction = r, n.__configFunction = e, n;
+    };
+    const a = o;
+  })(d)), d;
+}
+var m;
+function u() {
+  return m || (m = 1, (function(t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    }), Object.defineProperty(t, "default", {
+      enumerable: !0,
+      get: function() {
+        return r;
+      }
+    });
+    const o = /* @__PURE__ */ a(v());
+    function a(e) {
+      return e && e.__esModule ? e : {
+        default: e
+      };
+    }
+    const r = o.default;
+  })(g)), g;
+}
+var c, s;
+function b() {
+  if (s) return c;
+  s = 1;
+  let t = u();
+  return c = (t.__esModule ? t : { default: t }).default, c;
+}
+var f = b();
+const i = /* @__PURE__ */ y(f), w = i(function({ addUtilities: t }) {
+  t({
+    /**
+     * ==============================================================================
+     *   BACKGROUND UTILITIES
+     * ==============================================================================
+     * These utilities apply background colors to broad areas of the layout.
+     * Corresponds to Figma's `Collection: Color Semantics / Group: background`
+     */
+    ".bg-manara-primary": { backgroundColor: "var(--color-navy-800)" },
+    ".bg-manara-secondary": { backgroundColor: "var(--color-navy-750)" },
+    ".bg-manara-tertiary": { backgroundColor: "var(--color-navy-900)" },
+    ".bg-manara-overlay": {
+      backgroundColor: "var(--color-navy-900-transparent)"
+    },
+    // Bottom-anchored scrim gradient: navy-800 @ 60% → transparent.
+    // Used to darken the bottom of media tiles (Card logo/timeline overlays, video player chrome) for legible foreground text.
+    ".bg-manara-scrim-bottom": {
+      backgroundImage: "linear-gradient(to top, rgba(13, 14, 37, 0.6) 0%, rgba(13, 14, 37, 0) 100%)"
+    },
+    // Example usage: <div className="bg-manara-primary">Main page background</div>
+    /**
+     * ==============================================================================
+     *  TEXT & ICON UTILITIES
+     * ==============================================================================
+     * These utilities apply color to text and SVG icons. Icon utilities mirror text
+     * utilities for semantic clarity.
+     * Corresponds to Figma's `Collection: Color Semantics / Group: text` and `Group: icon`
+     */
+    // -- Text (Generic) --
+    ".text-manara-primary, .icon-manara-primary": {
+      color: "var(--color-navy-30)"
+    },
+    ".text-manara-secondary, .icon-manara-secondary": {
+      color: "var(--color-navy-50)"
+    },
+    ".text-manara-tertiary, .icon-manara-tertiary": {
+      color: "var(--color-navy-100)"
+    },
+    ".text-manara-selected": { color: "var(--color-verdant-500)" },
+    ".text-manara-disabled, .icon-manara-disabled": {
+      color: "var(--color-navy-300)"
+    },
+    ".text-manara-info": { color: "var(--color-info-300)" },
+    // Example usage: <p className="text-manara-primary">Main content text</p>
+    // Example usage: <CalendarIcon className="icon-manara-secondary" />
+    // -- Brand text & icons --
+    ".text-manara-brand, .icon-manara-brand": {
+      color: "var(--color-verdant-500)"
+    },
+    ".text-manara-brand-hover, .icon-manara-brand-hover": {
+      color: "var(--color-verdant-600)"
+    },
+    ".text-manara-brand-pressed, .icon-manara-brand-pressed": {
+      color: "var(--color-verdant-700)"
+    },
+    ".text-manara-brand-secondary, .icon-manara-brand-secondary": {
+      color: "var(--color-verdant-1000)"
+    },
+    // Example usage: <span className="text-manara-brand">Brand Highlight</span>
+    // Example usage: <LogoIcon className="icon-manara-brand-hover" />
+    // -- Critical text & icons --
+    ".text-manara-critical, .icon-manara-critical": {
+      color: "var(--color-critical-500)"
+    },
+    ".text-manara-critical-hover, .icon-manara-critical-hover": {
+      color: "var(--color-critical-600)"
+    },
+    ".text-manara-critical-pressed, .icon-manara-critical-pressed": {
+      color: "var(--color-critical-700)"
+    },
+    // Example usage: <p className="text-manara-critical">Urgent message!</p>
+    // -- Warning text & icons --
+    ".text-manara-warning, .icon-manara-warning": {
+      color: "var(--color-warning-500)"
+    },
+    ".text-manara-warning-hover, .icon-manara-warning-hover": {
+      color: "var(--color-warning-700)"
+    },
+    ".text-manara-warning-pressed, .icon-manara-warning-pressed": {
+      color: "var(--color-warning-800)"
+    },
+    // Example usage: <p className="text-manara-warning">Caution: This action is irreversible.</p>
+    /**
+     * ==============================================================================
+     *   BORDER UTILITIES
+     * ==============================================================================
+     * These utilities apply border colors to elements.
+     * Corresponds to Figma's `Collection: Color Semantics / Group: border`
+     */
+    ".border-manara-primary": { borderColor: "var(--color-navy-500)" },
+    ".border-manara-secondary": { borderColor: "var(--color-navy-700)" },
+    ".border-manara-focused": { borderColor: "var(--color-verdant-500)" },
+    ".border-manara-disabled": { borderColor: "var(--color-navy-600)" },
+    // Example usage: <input className="border-manara-primary focus:border-manara-focused" />
+    // -- Brand borders --
+    ".border-manara-brand": { borderColor: "var(--color-verdant-500)" },
+    ".border-manara-brand-hover": { borderColor: "var(--color-verdant-600)" },
+    ".border-manara-brand-pressed": {
+      borderColor: "var(--color-verdant-700)"
+    },
+    // Example usage: <div className="border-manara-brand hover:border-manara-brand-hover"></div>
+    // -- Critical borders --
+    ".border-manara-critical": { borderColor: "var(--color-critical-500)" },
+    ".border-manara-critical-hover": {
+      borderColor: "var(--color-critical-600)"
+    },
+    ".border-manara-critical-pressed": {
+      borderColor: "var(--color-critical-700)"
+    },
+    // Example usage: <div className="border-manara-critical">Error indicator</div>
+    // -- Warning borders --
+    ".border-manara-warning": { borderColor: "var(--color-warning-500)" },
+    ".border-manara-warning-hover": {
+      borderColor: "var(--color-warning-700)"
+    },
+    ".border-manara-warning-pressed": {
+      borderColor: "var(--color-warning-800)"
+    },
+    // Example usage: <input className="border-manara-warning" placeholder="Requires attention" />
+    /**
+     * ==============================================================================
+     *   SURFACE UTILITIES (for component backgrounds)
+     * ==============================================================================
+     * These utilities apply background colors specifically to UI components or distinct
+     * "surfaces" within the application. This directly maps to Figma's `surface` group.
+     * Corresponds to Figma's `Collection: Color Semantics / Group: surface`
+     */
+    ".surface-manara-primary": { backgroundColor: "var(--color-navy-700)" },
+    ".surface-manara-hover": { backgroundColor: "var(--color-navy-600)" },
+    ".surface-manara-pressed": { backgroundColor: "var(--color-navy-600)" },
+    ".surface-manara-accent": { backgroundColor: "var(--color-navy-800)" },
+    ".surface-manara-disabled": { backgroundColor: "var(--color-navy-600)" },
+    ".surface-manara-inverted": { backgroundColor: "var(--color-navy-30)" },
+    ".surface-manara-timeline": {
+      backgroundColor: "var(--color-neutral-0-transparent)"
+    },
+    ".surface-manara-navbar": {
+      backgroundColor: "var(--color-navy-700-transparent)"
+    },
+    // Example usage: <div className="surface-manara-primary p-4 rounded">Card content</div>
+    // -- Brand surfaces --
+    ".surface-manara-brand": { backgroundColor: "var(--color-verdant-500)" },
+    ".surface-manara-brand-hover": {
+      backgroundColor: "var(--color-verdant-600)"
+    },
+    ".surface-manara-brand-pressed": {
+      backgroundColor: "var(--color-verdant-700)"
+    },
+    ".surface-manara-brand-secondary": {
+      backgroundColor: "var(--color-verdant-1000)"
+    },
+    // Example usage: <button className="surface-manara-brand hover:surface-manara-brand-hover">Buy Now</button>
+    // -- Critical surfaces --
+    ".surface-manara-critical": {
+      backgroundColor: "var(--color-critical-500)"
+    },
+    ".surface-manara-critical-hover": {
+      backgroundColor: "var(--color-critical-600)"
+    },
+    ".surface-manara-critical-pressed": {
+      backgroundColor: "var(--color-critical-700)"
+    },
+    // Example usage: <div className="surface-manara-critical">Delete Warning</div>
+    // -- Warning surfaces --
+    ".surface-manara-warning": {
+      backgroundColor: "var(--color-warning-500)"
+    },
+    ".surface-manara-warning-hover": {
+      backgroundColor: "var(--color-warning-700)"
+    },
+    ".surface-manara-warning-pressed": {
+      backgroundColor: "var(--color-warning-800)"
+    },
+    // Example usage: <div className="surface-manara-warning">Ad in progress</div>
+    /**
+     * ==============================================================================
+     *   LINK UTILITIES (for styled links different from text)
+     * ==============================================================================
+     * These utilities apply color to links and handle base, hover, and active states automatically.
+     * Corresponds to Figma's `Collection: Color Semantics / Group: link`
+     */
+    ".link-manara-primary": {
+      color: "var(--color-navy-50)",
+      "&:hover": { color: "var(--color-navy-30)" },
+      "&:active": { color: "var(--color-navy-100)" }
+    },
+    ".link-manara-brand": {
+      color: "var(--color-verdant-500)",
+      "&:hover": { color: "var(--color-verdant-600)" },
+      "&:active": { color: "var(--color-verdant-700)" }
+    },
+    ".link-manara-critical": {
+      color: "var(--color-critical-500)",
+      "&:hover": { color: "var(--color-critical-600)" },
+      "&:active": { color: "var(--color-critical-700)" }
+    },
+    // Example usage: <a className="link-manara-primary" href="#">Visit Page</a>
+    // Example usage: <a className="link-manara-brand" href="#">Get Started</a>
+    /**
+     * ==============================================================================
+     *   RING UTILITIES (for focus rings)
+     * ==============================================================================
+     * These utilities apply colors for focus rings.
+     * Matches Figma's focus ring color semantics.
+     */
+    ".ring-manara-focused": { "--tw-ring-color": "var(--color-ring-focus)" }
+    // Figma blue focus ring: #2E7FFF
+    // Example usage: <button className="focus:ring-manara-focused ring-manara-25">Focusable button</button>
+  });
+}), S = i(function({ addUtilities: t }) {
+  t({
+    ...{
+      ".font-manara-english": { fontFamily: "var(--font-family-english)" },
+      ".font-manara-arabic": { fontFamily: "var(--font-family-arabic)" }
+    },
+    ...{
+      // Display
+      ".text-manara-display-medium": {
+        fontSize: "var(--typography-display-medium-size)",
+        lineHeight: "var(--typography-display-medium-line-height)",
+        letterSpacing: "var(--typography-display-medium-spacing)",
+        fontWeight: "var(--typography-display-medium-weight)"
+      },
+      ".text-manara-display-small": {
+        fontSize: "var(--typography-display-small-size)",
+        lineHeight: "var(--typography-display-small-line-height)",
+        letterSpacing: "var(--typography-display-small-spacing)",
+        fontWeight: "var(--typography-display-small-weight)"
+      },
+      // Header
+      ".text-manara-header-medium": {
+        fontSize: "var(--typography-header-medium-size)",
+        lineHeight: "var(--typography-header-medium-line-height)",
+        letterSpacing: "var(--typography-header-medium-spacing)",
+        fontWeight: "var(--typography-header-medium-weight)"
+      },
+      ".text-manara-header-small": {
+        fontSize: "var(--typography-header-small-size)",
+        lineHeight: "var(--typography-header-small-line-height)",
+        letterSpacing: "var(--typography-header-small-spacing)",
+        fontWeight: "var(--typography-header-small-weight)"
+      },
+      // Title
+      ".text-manara-title-medium": {
+        fontSize: "var(--typography-title-medium-size)",
+        lineHeight: "var(--typography-title-medium-line-height)",
+        letterSpacing: "var(--typography-title-medium-spacing)",
+        fontWeight: "var(--typography-title-medium-weight)"
+      },
+      ".text-manara-title-small": {
+        fontSize: "var(--typography-title-small-size)",
+        lineHeight: "var(--typography-title-small-line-height)",
+        letterSpacing: "var(--typography-title-small-spacing)",
+        fontWeight: "var(--typography-title-small-weight)"
+      },
+      // Body Large
+      ".text-manara-body-large-semibold": {
+        fontSize: "var(--typography-body-large-size)",
+        lineHeight: "var(--typography-body-large-line-height)",
+        letterSpacing: "var(--typography-body-large-spacing)",
+        fontWeight: "var(--font-weight-semibold)"
+      },
+      ".text-manara-body-large-medium": {
+        fontSize: "var(--typography-body-large-size)",
+        lineHeight: "var(--typography-body-large-line-height)",
+        letterSpacing: "var(--typography-body-large-spacing)",
+        fontWeight: "var(--font-weight-medium)"
+      },
+      ".text-manara-body-large-regular": {
+        fontSize: "var(--typography-body-large-size)",
+        lineHeight: "var(--typography-body-large-line-height)",
+        letterSpacing: "var(--typography-body-large-spacing)",
+        fontWeight: "var(--font-weight-regular)"
+      },
+      ".text-manara-body-large-light": {
+        fontSize: "var(--typography-body-large-size)",
+        lineHeight: "var(--typography-body-large-line-height)",
+        letterSpacing: "var(--typography-body-large-spacing)",
+        fontWeight: "var(--font-weight-light)"
+      },
+      // Body Default
+      ".text-manara-body-default-semibold": {
+        fontSize: "var(--typography-body-default-size)",
+        lineHeight: "var(--typography-body-default-line-height)",
+        letterSpacing: "var(--typography-body-default-spacing)",
+        fontWeight: "var(--font-weight-semibold)"
+      },
+      ".text-manara-body-default-medium": {
+        fontSize: "var(--typography-body-default-size)",
+        lineHeight: "var(--typography-body-default-line-height)",
+        letterSpacing: "var(--typography-body-default-spacing)",
+        fontWeight: "var(--font-weight-medium)"
+      },
+      ".text-manara-body-default-regular": {
+        fontSize: "var(--typography-body-default-size)",
+        lineHeight: "var(--typography-body-default-line-height)",
+        letterSpacing: "var(--typography-body-default-spacing)",
+        fontWeight: "var(--font-weight-regular)"
+      },
+      ".text-manara-body-default-light": {
+        fontSize: "var(--typography-body-default-size)",
+        lineHeight: "var(--typography-body-default-line-height)",
+        letterSpacing: "var(--typography-body-default-spacing)",
+        fontWeight: "var(--font-weight-light)"
+      },
+      // Body Small
+      ".text-manara-body-small-semibold": {
+        fontSize: "var(--typography-body-small-size)",
+        lineHeight: "var(--typography-body-small-line-height)",
+        letterSpacing: "var(--typography-body-small-spacing)",
+        fontWeight: "var(--font-weight-semibold)"
+      },
+      ".text-manara-body-small-medium": {
+        fontSize: "var(--typography-body-small-size)",
+        lineHeight: "var(--typography-body-small-line-height)",
+        letterSpacing: "var(--typography-body-small-spacing)",
+        fontWeight: "var(--font-weight-medium)"
+      },
+      ".text-manara-body-small-regular": {
+        fontSize: "var(--typography-body-small-size)",
+        lineHeight: "var(--typography-body-small-line-height)",
+        letterSpacing: "var(--typography-body-small-spacing)",
+        fontWeight: "var(--font-weight-regular)"
+      },
+      ".text-manara-body-small-light": {
+        fontSize: "var(--typography-body-small-size)",
+        lineHeight: "var(--typography-body-small-line-height)",
+        letterSpacing: "var(--typography-body-small-spacing)",
+        fontWeight: "var(--font-weight-light)"
+      },
+      // Caption Default
+      ".text-manara-caption-default-semibold": {
+        fontSize: "var(--typography-caption-default-size)",
+        lineHeight: "var(--typography-caption-default-line-height)",
+        letterSpacing: "var(--typography-caption-default-spacing)",
+        fontWeight: "var(--font-weight-semibold)"
+      },
+      ".text-manara-caption-default-medium": {
+        fontSize: "var(--typography-caption-default-size)",
+        lineHeight: "var(--typography-caption-default-line-height)",
+        letterSpacing: "var(--typography-caption-default-spacing)",
+        fontWeight: "var(--font-weight-medium)"
+      },
+      ".text-manara-caption-default-regular": {
+        fontSize: "var(--typography-caption-default-size)",
+        lineHeight: "var(--typography-caption-default-line-height)",
+        letterSpacing: "var(--typography-caption-default-spacing)",
+        fontWeight: "var(--font-weight-regular)"
+      },
+      ".text-manara-caption-default-light": {
+        fontSize: "var(--typography-caption-default-size)",
+        lineHeight: "var(--typography-caption-default-line-height)",
+        letterSpacing: "var(--typography-caption-default-spacing)",
+        fontWeight: "var(--font-weight-light)"
+      },
+      // Caption Small
+      ".text-manara-caption-small-semibold": {
+        fontSize: "var(--typography-caption-small-size)",
+        lineHeight: "var(--typography-caption-small-line-height)",
+        letterSpacing: "var(--typography-caption-small-spacing)",
+        fontWeight: "var(--font-weight-semibold)"
+      },
+      ".text-manara-caption-small-medium": {
+        fontSize: "var(--typography-caption-small-size)",
+        lineHeight: "var(--typography-caption-small-line-height)",
+        letterSpacing: "var(--typography-caption-small-spacing)",
+        fontWeight: "var(--font-weight-medium)"
+      },
+      ".text-manara-caption-small-regular": {
+        fontSize: "var(--typography-caption-small-size)",
+        lineHeight: "var(--typography-caption-small-line-height)",
+        letterSpacing: "var(--typography-caption-small-spacing)",
+        fontWeight: "var(--font-weight-regular)"
+      },
+      ".text-manara-caption-small-light": {
+        fontSize: "var(--typography-caption-small-size)",
+        lineHeight: "var(--typography-caption-small-line-height)",
+        letterSpacing: "var(--typography-caption-small-spacing)",
+        fontWeight: "var(--font-weight-light)"
+      }
+    }
+  });
+}), x = i(function({ matchUtilities: t }) {
+  const o = {
+    0: "var(--base-unit-0)",
+    "015": "var(--base-unit-015)",
+    "020": "var(--base-unit-020)",
+    25: "var(--base-unit-025)",
+    "025": "var(--base-unit-025)",
+    50: "var(--base-unit-050)",
+    "050": "var(--base-unit-050)",
+    75: "var(--base-unit-075)",
+    "075": "var(--base-unit-075)",
+    100: "var(--base-unit-100)",
+    150: "var(--base-unit-150)",
+    200: "var(--base-unit-200)",
+    250: "var(--base-unit-250)",
+    300: "var(--base-unit-300)",
+    400: "var(--base-unit-400)",
+    500: "var(--base-unit-500)",
+    600: "var(--base-unit-600)",
+    700: "var(--base-unit-700)",
+    800: "var(--base-unit-800)",
+    900: "var(--base-unit-900)",
+    1e3: "var(--base-unit-1000)",
+    9999: "var(--base-unit-9999)"
+  };
+  t(
+    {
+      "p-manara": (a) => ({ padding: a }),
+      "px-manara": (a) => ({
+        paddingLeft: a,
+        paddingRight: a
+      }),
+      "py-manara": (a) => ({
+        paddingTop: a,
+        paddingBottom: a
+      }),
+      "pt-manara": (a) => ({ paddingTop: a }),
+      "pr-manara": (a) => ({ paddingRight: a }),
+      "pb-manara": (a) => ({ paddingBottom: a }),
+      "pl-manara": (a) => ({ paddingLeft: a })
+    },
+    { values: o }
+  ), t(
+    {
+      "m-manara": (a) => ({ margin: a }),
+      "mx-manara": (a) => ({
+        marginLeft: a,
+        marginRight: a
+      }),
+      "my-manara": (a) => ({
+        marginTop: a,
+        marginBottom: a
+      }),
+      "mt-manara": (a) => ({ marginTop: a }),
+      "mr-manara": (a) => ({ marginRight: a }),
+      "mb-manara": (a) => ({ marginBottom: a }),
+      "ml-manara": (a) => ({ marginLeft: a })
+    },
+    { values: o }
+  ), t(
+    {
+      "gap-manara": (a) => ({ gap: a }),
+      "gap-x-manara": (a) => ({ columnGap: a }),
+      "gap-y-manara": (a) => ({ rowGap: a })
+    },
+    { values: o }
+  ), t(
+    {
+      "space-x-manara": (a) => ({
+        "& > :not([hidden]) ~ :not([hidden])": {
+          marginLeft: a
+        }
+      }),
+      "space-y-manara": (a) => ({
+        "& > :not([hidden]) ~ :not([hidden])": {
+          marginTop: a
+        }
+      })
+    },
+    { values: o }
+  ), t(
+    {
+      "w-manara": (a) => ({ width: a }),
+      "min-w-manara": (a) => ({ minWidth: a }),
+      "max-w-manara": (a) => ({ maxWidth: a })
+    },
+    { values: o }
+  ), t(
+    {
+      "h-manara": (a) => ({ height: a }),
+      "min-h-manara": (a) => ({ minHeight: a }),
+      "max-h-manara": (a) => ({ maxHeight: a })
+    },
+    { values: o }
+  ), t(
+    {
+      "top-manara": (a) => ({ top: a }),
+      "right-manara": (a) => ({ right: a }),
+      "bottom-manara": (a) => ({ bottom: a }),
+      "left-manara": (a) => ({ left: a }),
+      "inset-manara": (a) => ({
+        top: a,
+        right: a,
+        bottom: a,
+        left: a
+      }),
+      "inset-x-manara": (a) => ({
+        left: a,
+        right: a
+      }),
+      "inset-y-manara": (a) => ({
+        top: a,
+        bottom: a
+      })
+    },
+    { values: o }
+  ), t(
+    {
+      "scroll-m-manara": (a) => ({ scrollMargin: a }),
+      "scroll-mx-manara": (a) => ({
+        scrollMarginLeft: a,
+        scrollMarginRight: a
+      }),
+      "scroll-my-manara": (a) => ({
+        scrollMarginTop: a,
+        scrollMarginBottom: a
+      }),
+      "scroll-mt-manara": (a) => ({ scrollMarginTop: a }),
+      "scroll-mr-manara": (a) => ({ scrollMarginRight: a }),
+      "scroll-mb-manara": (a) => ({ scrollMarginBottom: a }),
+      "scroll-ml-manara": (a) => ({ scrollMarginLeft: a })
+    },
+    { values: o }
+  ), t(
+    {
+      "scroll-p-manara": (a) => ({ scrollPadding: a }),
+      "scroll-px-manara": (a) => ({
+        scrollPaddingLeft: a,
+        scrollPaddingRight: a
+      }),
+      "scroll-py-manara": (a) => ({
+        scrollPaddingTop: a,
+        scrollPaddingBottom: a
+      }),
+      "scroll-pt-manara": (a) => ({ scrollPaddingTop: a }),
+      "scroll-pr-manara": (a) => ({ scrollPaddingRight: a }),
+      "scroll-pb-manara": (a) => ({ scrollPaddingBottom: a }),
+      "scroll-pl-manara": (a) => ({ scrollPaddingLeft: a })
+    },
+    { values: o }
+  );
+}), z = i(function({ matchUtilities: t }) {
+  const o = {
+    0: "var(--base-unit-0)",
+    25: "var(--base-unit-025)",
+    "025": "var(--base-unit-025)",
+    50: "var(--base-unit-050)",
+    "050": "var(--base-unit-050)",
+    75: "var(--base-unit-075)",
+    "075": "var(--base-unit-075)",
+    100: "var(--base-unit-100)",
+    150: "var(--base-unit-150)",
+    200: "var(--base-unit-200)",
+    250: "var(--base-unit-250)",
+    300: "var(--base-unit-300)",
+    full: "var(--base-unit-9999)"
+  }, a = {
+    0: "var(--base-unit-0)",
+    15: "var(--base-unit-015)",
+    "015": "var(--base-unit-015)",
+    20: "var(--base-unit-020)",
+    "020": "var(--base-unit-020)",
+    25: "var(--base-unit-025)",
+    "025": "var(--base-unit-025)",
+    50: "var(--base-unit-050)",
+    "050": "var(--base-unit-050)",
+    100: "var(--base-unit-100)"
+  };
+  t(
+    {
+      "rounded-manara": (r) => ({ borderRadius: r }),
+      "rounded-t-manara": (r) => ({
+        borderTopLeftRadius: r,
+        borderTopRightRadius: r
+      }),
+      "rounded-r-manara": (r) => ({
+        borderTopRightRadius: r,
+        borderBottomRightRadius: r
+      }),
+      "rounded-b-manara": (r) => ({
+        borderBottomLeftRadius: r,
+        borderBottomRightRadius: r
+      }),
+      "rounded-l-manara": (r) => ({
+        borderTopLeftRadius: r,
+        borderBottomLeftRadius: r
+      }),
+      "rounded-tl-manara": (r) => ({ borderTopLeftRadius: r }),
+      "rounded-tr-manara": (r) => ({ borderTopRightRadius: r }),
+      "rounded-br-manara": (r) => ({ borderBottomRightRadius: r }),
+      "rounded-bl-manara": (r) => ({ borderBottomLeftRadius: r })
+    },
+    { values: o }
+  ), t(
+    {
+      "border-manara": (r) => ({ borderWidth: r }),
+      "border-t-manara": (r) => ({ borderTopWidth: r }),
+      "border-r-manara": (r) => ({ borderRightWidth: r }),
+      "border-b-manara": (r) => ({ borderBottomWidth: r }),
+      "border-l-manara": (r) => ({ borderLeftWidth: r }),
+      "border-x-manara": (r) => ({
+        borderLeftWidth: r,
+        borderRightWidth: r
+      }),
+      "border-y-manara": (r) => ({
+        borderTopWidth: r,
+        borderBottomWidth: r
+      })
+    },
+    { values: a }
+  ), t(
+    {
+      "divide-x-manara": (r) => ({
+        "& > :not([hidden]) ~ :not([hidden])": {
+          borderLeftWidth: r
+        }
+      }),
+      "divide-y-manara": (r) => ({
+        "& > :not([hidden]) ~ :not([hidden])": {
+          borderTopWidth: r
+        }
+      })
+    },
+    { values: a }
+  ), t(
+    {
+      "ring-manara": (r) => ({
+        "--tw-ring-offset-shadow": "var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)",
+        "--tw-ring-shadow": `var(--tw-ring-inset) 0 0 0 calc(${r} + var(--tw-ring-offset-width)) var(--tw-ring-color)`,
+        boxShadow: "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)"
+      })
+    },
+    { values: a }
+  ), t(
+    {
+      "ring-offset-manara": (r) => ({
+        "--tw-ring-offset-width": r
+      })
+    },
+    { values: a }
+  ), t(
+    {
+      "outline-manara": (r) => ({ outlineWidth: r })
+    },
+    { values: a }
+  );
+}), W = h.withOptions(() => function(t) {
+  w.handler(t), S.handler(t), x.handler(t), z.handler(t);
+});
+export {
+  W as default,
+  w as manaraColorsPlugin,
+  W as manaraPlugin,
+  x as manaraSpacingPlugin,
+  S as manaraTypographyPlugin,
+  z as manaranBordersPlugin
+};
+//# sourceMappingURL=tailwind-plugin.js.map