@clubmed/trident-ui 1.2.0 → 1.3.0-beta.10

package/molecules/Tag.d.ts

@@ -0,0 +1,43 @@
+import { type IconicNames } from '@clubmed/trident-icons';
+import type { FunctionComponent } from 'react';
+import { type BgColor, type BorderColor, type TextColor } from '../helpers/colors/colors.js';
+import type { LiteralUnion } from '../types/LiteralUnion';
+export interface TagProps {
+    /**
+     * Additional class names
+     */
+    className?: string;
+    /**
+     * Background color
+     */
+    backgroundColor?: LiteralUnion<BgColor>;
+    /**
+     * Text color
+     */
+    color?: LiteralUnion<TextColor>;
+    /**
+     * Border color
+     */
+    border?: LiteralUnion<BorderColor>;
+    /**
+     * Optional icon name
+     */
+    icon?: IconicNames;
+    /**
+     * Tag label
+     */
+    label?: string;
+    /**
+     * theme mode
+     */
+    theme?: 'icon' | 'label' | 'both' | 'swap' | 'unfold' | 'monogram' | 'pill' | 'none';
+    /**
+     * Icon class name
+     */
+    iconClassName?: string;
+    /**
+     * Label class name
+     */
+    labelClassName?: string;
+}
+export declare const Tag: FunctionComponent<TagProps>;

package/molecules/Tag.js

@@ -0,0 +1,73 @@
+import { jsxs as u, jsx as s } from "react/jsx-runtime";
+import { Icon as C } from "@clubmed/trident-icons";
+import { c as n } from "../chunks/index.js";
+import { getBorderColor as y, getBgColor as N, getTextColor as j } from "../helpers/colors/colors.js";
+const z = ({
+  className: i,
+  backgroundColor: l = "saffron",
+  border: m = l,
+  color: c = "black",
+  icon: t,
+  label: e = "",
+  theme: r = "both",
+  iconClassName: d,
+  labelClassName: b
+}) => {
+  if (!e && !t)
+    return null;
+  const h = y(m), f = N(l), x = j(c), a = !!t, o = r === "both" && !a ? "label" : r, p = o === "both" || o === "swap" || o === "unfold" || o === "none", g = a && (o === "icon" || p), w = o === "label" || o === "pill" || p;
+  return /* @__PURE__ */ u(
+    "span",
+    {
+      "data-name": "Tag",
+      className: n(
+        "box-border inline-flex items-center justify-center gap-x-4 whitespace-nowrap rounded-pill border align-middle font-sans font-semibold",
+        {
+          "text-b4": o !== "pill",
+          "text-b5": o === "pill"
+        },
+        {
+          "p-4": o !== "label" && o !== "both",
+          "px-16 py-6": o === "label",
+          "py-4 pe-16 ps-12": o === "both",
+          "px-8 py-4": o === "pill",
+          "sm:px-16": o === "swap",
+          "sm:pe-16 sm:ps-12": o === "unfold"
+        },
+        h,
+        f,
+        x,
+        i
+      ),
+      title: e,
+      role: "note",
+      children: [
+        o === "monogram" && /* @__PURE__ */ s("span", { className: "size-24 text-center leading-[1.5rem]", children: e }),
+        g && /* @__PURE__ */ s(
+          C,
+          {
+            width: "1.5rem",
+            name: t,
+            className: n({ "sm:hidden": o === "swap" }, d)
+          }
+        ),
+        w && /* @__PURE__ */ s(
+          "span",
+          {
+            className: n(
+              {
+                "hidden sm:block": o === "swap" || o === "unfold"
+              },
+              b
+            ),
+            children: e
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  z as Tag
+};
+//# sourceMappingURL=Tag.js.map

package/molecules/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sources":["../../lib/molecules/Tag.tsx"],"sourcesContent":["import { Icon, type IconicNames } from '@clubmed/trident-icons';\nimport classNames from 'classnames';\nimport type { FunctionComponent } from 'react';\n\nimport {\n  type BgColor,\n  type BorderColor,\n  getBgColor,\n  getBorderColor,\n  getTextColor,\n  type TextColor,\n} from '@/helpers/colors/colors.js';\nimport type { LiteralUnion } from '@/types/LiteralUnion';\n\nexport interface TagProps {\n  /**\n   * Additional class names\n   */\n  className?: string;\n  /**\n   * Background color\n   */\n  backgroundColor?: LiteralUnion<BgColor>;\n  /**\n   * Text color\n   */\n  color?: LiteralUnion<TextColor>;\n  /**\n   * Border color\n   */\n  border?: LiteralUnion<BorderColor>;\n  /**\n   * Optional icon name\n   */\n  icon?: IconicNames;\n  /**\n   * Tag label\n   */\n  label?: string;\n  /**\n   * theme mode\n   */\n  theme?: 'icon' | 'label' | 'both' | 'swap' | 'unfold' | 'monogram' | 'pill' | 'none';\n  /**\n   * Icon class name\n   */\n  iconClassName?: string;\n  /**\n   * Label class name\n   */\n  labelClassName?: string;\n}\n\nexport const Tag: FunctionComponent<TagProps> = ({\n  className,\n  backgroundColor = 'saffron',\n  border = backgroundColor,\n  color = 'black',\n  icon,\n  label = '',\n  theme = 'both',\n  iconClassName,\n  labelClassName,\n}) => {\n  if (!label && !icon) {\n    return null;\n  }\n\n  const borderColor = getBorderColor(border);\n  const bgColor = getBgColor(backgroundColor);\n  const textColor = getTextColor(color);\n\n  const hasIcon = !!icon;\n  const mode = theme === 'both' && !hasIcon ? 'label' : theme;\n\n  const withBoth = mode === 'both' || mode === 'swap' || mode === 'unfold' || mode === 'none';\n  const withIcon = hasIcon && (mode === 'icon' || withBoth);\n  const withLabel = mode === 'label' || mode === 'pill' || withBoth;\n\n  return (\n    <span\n      data-name=\"Tag\"\n      className={classNames(\n        'box-border inline-flex items-center justify-center gap-x-4 whitespace-nowrap rounded-pill border align-middle font-sans font-semibold',\n        {\n          'text-b4': mode !== 'pill',\n          'text-b5': mode === 'pill',\n        },\n        {\n          'p-4': mode !== 'label' && mode !== 'both',\n          'px-16 py-6': mode === 'label',\n          'py-4 pe-16 ps-12': mode === 'both',\n          'px-8 py-4': mode === 'pill',\n          'sm:px-16': mode === 'swap',\n          'sm:pe-16 sm:ps-12': mode === 'unfold',\n        },\n        borderColor,\n        bgColor,\n        textColor,\n        className,\n      )}\n      title={label}\n      role=\"note\"\n    >\n      {mode === 'monogram' && <span className=\"size-24 text-center leading-[1.5rem]\">{label}</span>}\n      {withIcon && (\n        <Icon\n          width=\"1.5rem\"\n          name={icon}\n          className={classNames({ 'sm:hidden': mode === 'swap' }, iconClassName)}\n        />\n      )}\n      {withLabel && (\n        <span\n          className={classNames(\n            {\n              'hidden sm:block': mode === 'swap' || mode === 'unfold',\n            },\n            labelClassName,\n          )}\n        >\n          {label}\n        </span>\n      )}\n    </span>\n  );\n};\n"],"names":["Tag","className","backgroundColor","border","color","icon","label","theme","iconClassName","labelClassName","borderColor","getBorderColor","bgColor","getBgColor","textColor","getTextColor","hasIcon","mode","withBoth","withIcon","withLabel","jsxs","classNames","jsx","Icon"],"mappings":";;;;AAqDO,MAAMA,IAAmC,CAAC;AAAA,EAC/C,WAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,QAAAC,IAASD;AAAA,EACT,OAAAE,IAAQ;AAAA,EACR,MAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,OAAAC,IAAQ;AAAA,EACR,eAAAC;AAAA,EACA,gBAAAC;AACF,MAAM;AACJ,MAAI,CAACH,KAAS,CAACD;AACb,WAAO;AAGT,QAAMK,IAAcC,EAAeR,CAAM,GACnCS,IAAUC,EAAWX,CAAe,GACpCY,IAAYC,EAAaX,CAAK,GAE9BY,IAAU,CAAC,CAACX,GACZY,IAAOV,MAAU,UAAU,CAACS,IAAU,UAAUT,GAEhDW,IAAWD,MAAS,UAAUA,MAAS,UAAUA,MAAS,YAAYA,MAAS,QAC/EE,IAAWH,MAAYC,MAAS,UAAUC,IAC1CE,IAAYH,MAAS,WAAWA,MAAS,UAAUC;AAEzD,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAAA,QACT;AAAA,QACA;AAAA,UACE,WAAWL,MAAS;AAAA,UACpB,WAAWA,MAAS;AAAA,QAAA;AAAA,QAEtB;AAAA,UACE,OAAOA,MAAS,WAAWA,MAAS;AAAA,UACpC,cAAcA,MAAS;AAAA,UACvB,oBAAoBA,MAAS;AAAA,UAC7B,aAAaA,MAAS;AAAA,UACtB,YAAYA,MAAS;AAAA,UACrB,qBAAqBA,MAAS;AAAA,QAAA;AAAA,QAEhCP;AAAA,QACAE;AAAA,QACAE;AAAA,QACAb;AAAA,MAAA;AAAA,MAEF,OAAOK;AAAA,MACP,MAAK;AAAA,MAEJ,UAAA;AAAA,QAAAW,MAAS,cAAc,gBAAAM,EAAC,QAAA,EAAK,WAAU,wCAAwC,UAAAjB,GAAM;AAAA,QACrFa,KACC,gBAAAI;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,MAAMnB;AAAA,YACN,WAAWiB,EAAW,EAAE,aAAaL,MAAS,OAAA,GAAUT,CAAa;AAAA,UAAA;AAAA,QAAA;AAAA,QAGxEY,KACC,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAAA,cACT;AAAA,gBACE,mBAAmBL,MAAS,UAAUA,MAAS;AAAA,cAAA;AAAA,cAEjDR;AAAA,YAAA;AAAA,YAGD,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clubmed/trident-ui",
-  "version": "1.2.0",
+  "version": "1.3.0-beta.10",
   "type": "module",
   "description": "Shared ClubMed React UI components",
   "keywords": [
@@ -18,7 +18,7 @@
   "license": "BSD-3-Clause",
   "repository": {
     "type": "git",
-    "url": "https://scm.clubmed.com/clubmed/cm-trident-ui.git"
+    "url": "https://scm.clubmed.com/clubmed/ui/trident-ui.git"
   },
   "main": "index.js",
   "exports": {
@@ -86,6 +86,11 @@
       "types": "./tests/*.d.ts",
       "import": "./tests/*.js",
       "default": "./tests/*.js"
+    },
+    "./utils/*": {
+      "types": "./utils/*.d.ts",
+      "import": "./utils/*.js",
+      "default": "./utils/*.js"
     }
   },
   "scripts": {
@@ -102,9 +107,7 @@
     "build:exports": "NODE_NO_WARNINGS=1 node --loader ts-node/esm tools/exports-builder/index.ts"
   },
   "dependencies": {
-    "@clubmed/trident-icons": ">=1.0.1",
     "@juggle/resize-observer": "^3.4.0",
-    "@react-spring/web": "^9.7.3",
     "@use-gesture/react": "^10.2.26",
     "@whitespace/storybook-addon-html": "6.0.5",
     "build": "^0.1.4",
@@ -118,6 +121,8 @@
     "use-resize-observer": "^9.1.0"
   },
   "devDependencies": {
+    "@react-spring/web": "^9.7.3",
+    "@clubmed/trident-icons": ">=1.0.1",
     "@commitlint/cli": "18.6.1",
     "@commitlint/config-conventional": "18.6.2",
     "@netsells/storybook-mockdate": "^0.3.2",
@@ -181,7 +186,26 @@
   "peerDependencies": {
     "react": ">=17.0.2",
     "react-dom": ">=17.0.2",
-    "tailwindcss": ">=3.3.5"
+    "tailwindcss": ">=3.3.5",
+    "@clubmed/trident-icons": ">=1.0.1",
+    "@react-spring/web": ">=9"
+  },
+  "peerDependenciesMeta": {
+    "@clubmed/trident-icons": {
+      "optional": false
+    },
+    "react": {
+      "optional": false
+    },
+    "react-dom": {
+      "optional": false
+    },
+    "tailwindcss": {
+      "optional": false
+    },
+    "@react-spring/web": {
+      "optional": false
+    }
   },
   "sideEffects": [
     "**/*.css"

package/styles/globals.css

@@ -25,6 +25,8 @@
     --color-sienna-active: 13deg 48% 44%;
     --color-wave: 180 100% 25%;
     --color-wave-active: 180 100% 22%;
+    --color-marygold: 35 100% 49%;
+    --color-marygold-active: 35 100% 49%;
     --color-white: 0deg 0% 100%;
     --color-white-active: 0deg 0% 80%;
 
@@ -35,16 +37,17 @@
     --color-lightGrey: 0deg 0% 80%;
     --color-pearl: 0deg 0% 97%;
     --color-green: 131deg 89% 29%;
+    --color-green-active: 131deg 89% 19%;
     --color-red: 9deg 79% 42%;
+    --color-red-active: 9deg 79% 32%;
     --color-orange: 25deg 100% 39%;
+    --color-orange-active: 25deg 100% 29%;
 
     /* TRANSITION */
     --transition-fn-boop: cubic-bezier(0.47, 1.64, 0.41, 0.8);
     --transition-duration-boop: 0.4s;
   }
-}
 
-@layer components {
   html {
     --xDirCoefficient: 1;
     scroll-behavior: smooth;
@@ -69,7 +72,9 @@
   }
 
   .link-container:hover .link-underline.hoverable,
-  .link-container:focus .link-underline.hoverable {
+  .link-container:focus .link-underline.hoverable,
+  .group:hover .link-underline.hoverable,
+  .group:focus .link-underline.hoverable {
     background-size: calc(0% - 0px) 100%;
   }
 
@@ -78,12 +83,18 @@
     background-size: calc(0% - 0px) 100%;
   }
 
+  [dir='rtl'] .link-underline {
+    background-position: right;
+  }
+
   /* INPUTS */
+
+  /* Remove the reset button in active inputs */
+  input[type='search']::-webkit-search-cancel-button,
   input[type='number']::-webkit-inner-spin-button,
   input[type='number']::-webkit-outer-spin-button {
-    appearance: none;
+    @apply appearance-none;
   }
-
   input[type='password']::-ms-reveal {
     display: none;
   }
@@ -110,14 +121,4 @@
     @apply justify-between;
     @apply uppercase;
   }
-
-  /* SCROLLS */
-  .scrollbar-hide::-webkit-scrollbar {
-    display: none;
-  }
-
-  .scrollbar-hide {
-    -ms-overflow-style: none;
-    scrollbar-width: none;
-  }
 }

package/tailwind/colors.d.ts

@@ -0,0 +1,38 @@
+export declare const COLORS: {
+    current: string;
+    transparent: string;
+    inherit: string;
+    black: string;
+    'black-active': string;
+    ultramarine: string;
+    'ultramarine-active': string;
+    lavender: string;
+    'lavender-active': string;
+    verdigris: string;
+    'verdigris-active': string;
+    sand: string;
+    'sand-active': string;
+    lightSand: string;
+    'lightSand-active': string;
+    saffron: string;
+    'saffron-active': string;
+    sienna: string;
+    'sienna-active': string;
+    wave: string;
+    'wave-active': string;
+    marygold: string;
+    'marygold-active': string;
+    white: string;
+    'white-active': string;
+    darkGrey: string;
+    middleGrey: string;
+    grey: string;
+    lightGrey: string;
+    pearl: string;
+    green: string;
+    'green-active': string;
+    red: string;
+    'red-active': string;
+    orange: string;
+    'orange-active': string;
+};

package/tailwind/colors.js

@@ -0,0 +1,44 @@
+const a = {
+  current: "currentColor",
+  transparent: "transparent",
+  inherit: "inherit",
+  /* BRAND */
+  black: "hsl(var(--color-black) / <alpha-value>)",
+  "black-active": "hsl(var(--color-black-active) / <alpha-value>)",
+  ultramarine: "hsl(var(--color-ultramarine) / <alpha-value>)",
+  "ultramarine-active": "hsl(var(--color-ultramarine-active) / <alpha-value>)",
+  lavender: "hsl(var(--color-lavender) / <alpha-value>)",
+  "lavender-active": "hsl(var(--color-lavender-active) / <alpha-value>)",
+  verdigris: "hsl(var(--color-verdigris) / <alpha-value>)",
+  "verdigris-active": "hsl(var(--color-verdigris-active) / <alpha-value>)",
+  sand: "hsl(var(--color-sand) / <alpha-value>)",
+  "sand-active": "hsl(var(--color-sand-active) / <alpha-value>)",
+  lightSand: "hsl(var(--color-lightSand) / <alpha-value>)",
+  "lightSand-active": "hsl(var(--color-lightSand-active) / <alpha-value>)",
+  saffron: "hsl(var(--color-saffron) / <alpha-value>)",
+  "saffron-active": "hsl(var(--color-saffron-active) / <alpha-value>)",
+  sienna: "hsl(var(--color-sienna) / <alpha-value>)",
+  "sienna-active": "hsl(var(--color-sienna-active) / <alpha-value>)",
+  wave: "hsl(var(--color-wave) / <alpha-value>)",
+  "wave-active": "hsl(var(--color-wave-active) / <alpha-value>)",
+  marygold: "hsl(var(--color-marygold) / <alpha-value>)",
+  "marygold-active": "hsl(var(--color-marygold-active) / <alpha-value>)",
+  white: "hsl(var(--color-white) / <alpha-value>)",
+  "white-active": "hsl(var(--color-white-active) / <alpha-value>)",
+  /* LAYOUT */
+  darkGrey: "hsl(var(--color-darkGrey) / <alpha-value>)",
+  middleGrey: "hsl(var(--color-middleGrey) / <alpha-value>)",
+  grey: "hsl(var(--color-grey) / <alpha-value>)",
+  lightGrey: "hsl(var(--color-lightGrey) / <alpha-value>)",
+  pearl: "hsl(var(--color-pearl) / <alpha-value>)",
+  green: "hsl(var(--color-green) / <alpha-value>)",
+  "green-active": "hsl(var(--color-green-active) / <alpha-value>)",
+  red: "hsl(var(--color-red) / <alpha-value>)",
+  "red-active": "hsl(var(--color-red-active) / <alpha-value>)",
+  orange: "hsl(var(--color-orange) / <alpha-value>)",
+  "orange-active": "hsl(var(--color-orange-active) / <alpha-value>)"
+};
+export {
+  a as COLORS
+};
+//# sourceMappingURL=colors.js.map

package/tailwind/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sources":["../../lib/tailwind/colors.ts"],"sourcesContent":["export const COLORS = {\n  current: 'currentColor',\n  transparent: 'transparent',\n  inherit: 'inherit',\n\n  /* BRAND */\n  black: 'hsl(var(--color-black) / <alpha-value>)',\n  'black-active': 'hsl(var(--color-black-active) / <alpha-value>)',\n  ultramarine: 'hsl(var(--color-ultramarine) / <alpha-value>)',\n  'ultramarine-active': 'hsl(var(--color-ultramarine-active) / <alpha-value>)',\n  lavender: 'hsl(var(--color-lavender) / <alpha-value>)',\n  'lavender-active': 'hsl(var(--color-lavender-active) / <alpha-value>)',\n  verdigris: 'hsl(var(--color-verdigris) / <alpha-value>)',\n  'verdigris-active': 'hsl(var(--color-verdigris-active) / <alpha-value>)',\n  sand: 'hsl(var(--color-sand) / <alpha-value>)',\n  'sand-active': 'hsl(var(--color-sand-active) / <alpha-value>)',\n  lightSand: 'hsl(var(--color-lightSand) / <alpha-value>)',\n  'lightSand-active': 'hsl(var(--color-lightSand-active) / <alpha-value>)',\n  saffron: 'hsl(var(--color-saffron) / <alpha-value>)',\n  'saffron-active': 'hsl(var(--color-saffron-active) / <alpha-value>)',\n  sienna: 'hsl(var(--color-sienna) / <alpha-value>)',\n  'sienna-active': 'hsl(var(--color-sienna-active) / <alpha-value>)',\n  wave: 'hsl(var(--color-wave) / <alpha-value>)',\n  'wave-active': 'hsl(var(--color-wave-active) / <alpha-value>)',\n  marygold: 'hsl(var(--color-marygold) / <alpha-value>)',\n  'marygold-active': 'hsl(var(--color-marygold-active) / <alpha-value>)',\n  white: 'hsl(var(--color-white) / <alpha-value>)',\n  'white-active': 'hsl(var(--color-white-active) / <alpha-value>)',\n\n  /* LAYOUT */\n  darkGrey: 'hsl(var(--color-darkGrey) / <alpha-value>)',\n  middleGrey: 'hsl(var(--color-middleGrey) / <alpha-value>)',\n  grey: 'hsl(var(--color-grey) / <alpha-value>)',\n  lightGrey: 'hsl(var(--color-lightGrey) / <alpha-value>)',\n  pearl: 'hsl(var(--color-pearl) / <alpha-value>)',\n  green: 'hsl(var(--color-green) / <alpha-value>)',\n  'green-active': 'hsl(var(--color-green-active) / <alpha-value>)',\n  red: 'hsl(var(--color-red) / <alpha-value>)',\n  'red-active': 'hsl(var(--color-red-active) / <alpha-value>)',\n  orange: 'hsl(var(--color-orange) / <alpha-value>)',\n  'orange-active': 'hsl(var(--color-orange-active) / <alpha-value>)',\n};\n"],"names":["COLORS"],"mappings":"AAAO,MAAMA,IAAS;AAAA,EACpB,SAAS;AAAA,EACT,aAAa;AAAA,EACb,SAAS;AAAA;AAAA,EAGT,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,sBAAsB;AAAA,EACtB,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,MAAM;AAAA,EACN,eAAe;AAAA,EACf,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,eAAe;AAAA,EACf,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,gBAAgB;AAAA;AAAA,EAGhB,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,WAAW;AAAA,EACX,OAAO;AAAA,EACP,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,KAAK;AAAA,EACL,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,iBAAiB;AACnB;"}

package/tailwind/plugins/animationDelay.d.ts

@@ -0,0 +1,4 @@
+export declare const animationDelay: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+};

package/tailwind/plugins/animationDelay.js

@@ -0,0 +1,15 @@
+import { p as o } from "../../chunks/plugin.js";
+const e = o(({ matchUtilities: a, theme: i }) => {
+  a(
+    {
+      "animation-delay": (n) => ({
+        animationDelay: n
+      })
+    },
+    { values: i("animationDelay") }
+  );
+});
+export {
+  e as animationDelay
+};
+//# sourceMappingURL=animationDelay.js.map

package/tailwind/plugins/animationDelay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animationDelay.js","sources":["../../../lib/tailwind/plugins/animationDelay.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\n\nexport const animationDelay = plugin(({ matchUtilities, theme }) => {\n  matchUtilities(\n    {\n      'animation-delay': (value) => ({\n        animationDelay: value,\n      }),\n    },\n    { values: theme('animationDelay') },\n  );\n});\n"],"names":["animationDelay","plugin","matchUtilities","theme","value"],"mappings":";AAEO,MAAMA,IAAiBC,EAAO,CAAC,EAAE,gBAAAC,GAAgB,OAAAC,QAAY;AAClE,EAAAD;AAAA,IACE;AAAA,MACE,mBAAmB,CAACE,OAAW;AAAA,QAC7B,gBAAgBA;AAAA,MAAA;AAAA,IAClB;AAAA,IAEF,EAAE,QAAQD,EAAM,gBAAgB,EAAA;AAAA,EAAE;AAEtC,CAAC;"}

package/tailwind/plugins/hocus.d.ts

@@ -0,0 +1,4 @@
+export declare const hocus: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+};

package/tailwind/plugins/hocus.js

@@ -0,0 +1,11 @@
+import { p as e } from "../../chunks/plugin.js";
+const i = e(({ addVariant: o }) => {
+  o("hocus", [
+    "@media (hover:hover) and (pointer: fine) { &:hover }",
+    "@media (hover:hover) and (pointer: fine) { &:focus }"
+  ]);
+});
+export {
+  i as hocus
+};
+//# sourceMappingURL=hocus.js.map

package/tailwind/plugins/hocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hocus.js","sources":["../../../lib/tailwind/plugins/hocus.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\n\nexport const hocus = plugin(({ addVariant }) => {\n  addVariant('hocus', [\n    '@media (hover:hover) and (pointer: fine) { &:hover }',\n    '@media (hover:hover) and (pointer: fine) { &:focus }',\n  ]);\n});\n"],"names":["hocus","plugin","addVariant"],"mappings":";AAEO,MAAMA,IAAQC,EAAO,CAAC,EAAE,YAAAC,QAAiB;AAC9C,EAAAA,EAAW,SAAS;AAAA,IAClB;AAAA,IACA;AAAA,EAAA,CACD;AACH,CAAC;"}

package/tailwind/plugins/lineClampFix.d.ts

@@ -0,0 +1,4 @@
+export declare const lineClampSafariFix: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+};

package/tailwind/plugins/lineClampFix.js

@@ -0,0 +1,13 @@
+import { p as a } from "../../chunks/plugin.js";
+const n = 7, p = a(({ addUtilities: t }) => {
+  const l = {};
+  for (let i = 1; i <= n; i++)
+    l[`.line-clamp-${i}`] = {
+      maxHeight: `${i}lh`
+    };
+  t(l);
+});
+export {
+  p as lineClampSafariFix
+};
+//# sourceMappingURL=lineClampFix.js.map

package/tailwind/plugins/lineClampFix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lineClampFix.js","sources":["../../../lib/tailwind/plugins/lineClampFix.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\nimport type { CSSRuleObject } from 'tailwindcss/types/config';\n\nconst MAX_LINE_CLAMP = 7;\n\nexport const lineClampSafariFix = plugin(({ addUtilities }) => {\n  const lineclampUtility: CSSRuleObject = {};\n\n  // Generate dynamic classes for line clamp\n  for (let i = 1; i <= MAX_LINE_CLAMP; i++) {\n    lineclampUtility[`.line-clamp-${i}`] = {\n      maxHeight: `${i}lh`,\n    };\n  }\n\n  addUtilities(lineclampUtility);\n});\n"],"names":["MAX_LINE_CLAMP","lineClampSafariFix","plugin","addUtilities","lineclampUtility"],"mappings":";AAGA,MAAMA,IAAiB,GAEVC,IAAqBC,EAAO,CAAC,EAAE,cAAAC,QAAmB;AAC7D,QAAMC,IAAkC,CAAA;AAGxC,WAAS,IAAI,GAAG,KAAKJ,GAAgB;AACnC,IAAAI,EAAiB,eAAe,CAAC,EAAE,IAAI;AAAA,MACrC,WAAW,GAAG,CAAC;AAAA,IAAA;AAInB,EAAAD,EAAaC,CAAgB;AAC/B,CAAC;"}

package/tailwind/plugins/popover.d.ts

@@ -0,0 +1,4 @@
+export declare const popover: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+};

package/tailwind/plugins/popover.js

@@ -0,0 +1,8 @@
+import { p } from "../../chunks/plugin.js";
+const r = p(({ addVariant: o }) => {
+  o("open", "&:popover-open");
+});
+export {
+  r as popover
+};
+//# sourceMappingURL=popover.js.map

package/tailwind/plugins/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sources":["../../../lib/tailwind/plugins/popover.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\n\nexport const popover = plugin(({ addVariant }) => {\n  addVariant('open', '&:popover-open');\n});\n"],"names":["popover","plugin","addVariant"],"mappings":";AAEO,MAAMA,IAAUC,EAAO,CAAC,EAAE,YAAAC,QAAiB;AAChD,EAAAA,EAAW,QAAQ,gBAAgB;AACrC,CAAC;"}

package/tailwind/plugins/startingStyle.d.ts

@@ -0,0 +1,4 @@
+export declare const startingStyle: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+};

package/tailwind/plugins/startingStyle.js

@@ -0,0 +1,8 @@
+import { p as r } from "../../chunks/plugin.js";
+const i = r(({ addVariant: t }) => {
+  t("starting", "@starting-style");
+});
+export {
+  i as startingStyle
+};
+//# sourceMappingURL=startingStyle.js.map

package/tailwind/plugins/startingStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"startingStyle.js","sources":["../../../lib/tailwind/plugins/startingStyle.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\n\nexport const startingStyle = plugin(({ addVariant }) => {\n  addVariant('starting', '@starting-style');\n});\n"],"names":["startingStyle","plugin","addVariant"],"mappings":";AAEO,MAAMA,IAAgBC,EAAO,CAAC,EAAE,YAAAC,QAAiB;AACtD,EAAAA,EAAW,YAAY,iBAAiB;AAC1C,CAAC;"}

package/tailwind/plugins/transitionBehavior.d.ts

@@ -0,0 +1,4 @@
+export declare const transitionBehavior: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+};

package/tailwind/plugins/transitionBehavior.js

@@ -0,0 +1,11 @@
+import { p as o } from "../../chunks/plugin.js";
+const t = o(({ addUtilities: i }) => {
+  i({
+    ".transition-discrete": { transitionBehavior: "allow-discrete" },
+    ".transition-normal": { transitionBehavior: "normal" }
+  });
+});
+export {
+  t as transitionBehavior
+};
+//# sourceMappingURL=transitionBehavior.js.map

package/tailwind/plugins/transitionBehavior.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transitionBehavior.js","sources":["../../../lib/tailwind/plugins/transitionBehavior.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\n\nexport const transitionBehavior = plugin(({ addUtilities }) => {\n  addUtilities({\n    '.transition-discrete': { transitionBehavior: 'allow-discrete' },\n    '.transition-normal': { transitionBehavior: 'normal' },\n  });\n});\n"],"names":["transitionBehavior","plugin","addUtilities"],"mappings":";AAEO,MAAMA,IAAqBC,EAAO,CAAC,EAAE,cAAAC,QAAmB;AAC7D,EAAAA,EAAa;AAAA,IACX,wBAAwB,EAAE,oBAAoB,iBAAA;AAAA,IAC9C,sBAAsB,EAAE,oBAAoB,SAAA;AAAA,EAAS,CACtD;AACH,CAAC;"}