periplo-ui 3.3.1 → 3.5.0

package/dist/components/Card/Card.js

@@ -11,7 +11,7 @@ const Card = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Card.displayName = "Card";
-const CardMedia = React.forwardRef(({ className, alt, src, ...props }, ref) => /* @__PURE__ */ jsx("img", { alt, src, ref, className: cn("h-full overflow-hidden object-cover", className), ...props }));
+const CardMedia = React.forwardRef(({ className, alt, src, ...props }, ref) => /* @__PURE__ */ jsx("img", { alt, src, ref, className: cn("h-full overflow-hidden object-cover rounded-t-lg", className), ...props }));
 CardMedia.displayName = "CardMedia";
 const CardContent = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col gap-2 p-4", className), ...props })

package/dist/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '../../lib/utils'\n\nexport interface CardMediaProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  alt: string\n  src: string\n}\n\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex h-full flex-col justify-between rounded-lg text-card-foreground shadow-sm', className)}\n    {...props}\n  />\n))\nCard.displayName = 'Card'\n\nconst CardMedia = React.forwardRef<HTMLImageElement, CardMediaProps>(({ className, alt, src, ...props }, ref) => (\n  <img alt={alt} src={src} ref={ref} className={cn('h-full overflow-hidden object-cover', className)} {...props} />\n))\nCardMedia.displayName = 'CardMedia'\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => <div ref={ref} className={cn('flex flex-col gap-2 p-4', className)} {...props} />,\n)\nCardContent.displayName = 'CardContent'\n\nexport { Card, CardMedia, CardContent }\n"],"names":[],"mappings":";;;;AASM,MAAA,IAAA,GAAO,MAAM,UAAiE,CAAA,CAAC,EAAE,SAAW,EAAA,GAAG,KAAM,EAAA,EAAG,GAC5G,qBAAA,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAG,CAAA,gFAAA,EAAkF,SAAS,CAAA;AAAA,IACxG,GAAG;AAAA;AACN,CACD;AACD,IAAA,CAAK,WAAc,GAAA,MAAA;AAEb,MAAA,SAAA,GAAY,KAAM,CAAA,UAAA,CAA6C,CAAC,EAAE,WAAW,GAAK,EAAA,GAAA,EAAK,GAAG,KAAA,EAAS,EAAA,GAAA,yBACtG,KAAI,EAAA,EAAA,GAAA,EAAU,GAAU,EAAA,GAAA,EAAU,SAAW,EAAA,EAAA,CAAG,uCAAuC,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAChH;AACD,SAAA,CAAU,WAAc,GAAA,WAAA;AAExB,MAAM,cAAc,KAAM,CAAA,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAQ,qBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,GAAA,EAAU,WAAW,EAAG,CAAA,yBAAA,EAA2B,SAAS,CAAA,EAAI,GAAG,KAAO,EAAA;AACnH;AACA,WAAA,CAAY,WAAc,GAAA,aAAA;;;;"}
+{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '../../lib/utils'\n\nexport interface CardMediaProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  alt: string\n  src: string\n}\n\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex h-full flex-col justify-between rounded-lg text-card-foreground shadow-sm', className)}\n    {...props}\n  />\n))\nCard.displayName = 'Card'\n\nconst CardMedia = React.forwardRef<HTMLImageElement, CardMediaProps>(({ className, alt, src, ...props }, ref) => (\n  <img alt={alt} src={src} ref={ref} className={cn('h-full overflow-hidden object-cover rounded-t-lg', className)} {...props} />\n))\nCardMedia.displayName = 'CardMedia'\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => <div ref={ref} className={cn('flex flex-col gap-2 p-4', className)} {...props} />,\n)\nCardContent.displayName = 'CardContent'\n\nexport { Card, CardMedia, CardContent }\n"],"names":[],"mappings":";;;;AASM,MAAA,IAAA,GAAO,MAAM,UAAiE,CAAA,CAAC,EAAE,SAAW,EAAA,GAAG,KAAM,EAAA,EAAG,GAC5G,qBAAA,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAG,CAAA,gFAAA,EAAkF,SAAS,CAAA;AAAA,IACxG,GAAG;AAAA;AACN,CACD;AACD,IAAA,CAAK,WAAc,GAAA,MAAA;AAEb,MAAA,SAAA,GAAY,KAAM,CAAA,UAAA,CAA6C,CAAC,EAAE,WAAW,GAAK,EAAA,GAAA,EAAK,GAAG,KAAA,EAAS,EAAA,GAAA,yBACtG,KAAI,EAAA,EAAA,GAAA,EAAU,GAAU,EAAA,GAAA,EAAU,SAAW,EAAA,EAAA,CAAG,oDAAoD,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAC7H;AACD,SAAA,CAAU,WAAc,GAAA,WAAA;AAExB,MAAM,cAAc,KAAM,CAAA,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAQ,qBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,GAAA,EAAU,WAAW,EAAG,CAAA,yBAAA,EAA2B,SAAS,CAAA,EAAI,GAAG,KAAO,EAAA;AACnH;AACA,WAAA,CAAY,WAAc,GAAA,aAAA;;;;"}

package/dist/components/Input/Input.d.ts

@@ -5,7 +5,7 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
     endContent?: React.ReactElement;
     groupText?: string;
     disabled?: boolean;
-    error?: boolean;
+    error?: boolean | string;
 }
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export { Input };

package/dist/components/Input/Input.js

@@ -10,65 +10,61 @@ const Input = React.forwardRef(
     const toggleType = () => {
       setType(type === "password" ? "text" : "password");
     };
-    const rendePasswordEye = () => {
+    const renderPasswordEye = () => {
       return /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
-          className: "password-eye-icon flex aspect-square cursor-pointer items-center justify-center rounded-full p-2 transition-colors hover:bg-gray-100",
+          className: "flex aspect-square cursor-pointer items-center justify-center rounded-full p-2 transition-colors hover:bg-neutral-50",
           onClick: () => toggleType(),
           children: type === "password" ? /* @__PURE__ */ jsx(EyeSlash, { size: 20, "data-testid": "password-eye-closed" }) : /* @__PURE__ */ jsx(Eye, { size: 20, "data-testid": "password-eye-open" })
         }
       );
     };
-    return /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center", children: [
-      groupText && /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "outline-l flex h-10 items-center rounded-l-lg border-y border-l border-gray-300 bg-neutral-50 pl-4 pr-2 text-neutral-300"
-          ),
-          children: groupText
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "flex h-10 w-full grow-0 items-center rounded-lg border border-gray-300 bg-[#ffffff] px-2 transition-colors focus-within:border-neutral-950",
-            groupText && "rounded-none rounded-r-lg",
-            disabled && "bg-neutral-50",
-            (error ?? props["aria-invalid"]) && "border-error-400 focus-within:border-error-700",
-            className
-          ),
-          children: [
-            startContent && /* @__PURE__ */ jsx("div", { className: "text-neutral-400", children: startContent }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                type,
-                className: cn(
-                  "placeholder:text-muted-foreground w-full grow-0 px-2 placeholder-neutral-500 outline-0 transition-colors file:border-0 file:bg-transparent file:font-medium disabled:cursor-not-allowed disabled:opacity-50"
-                ),
-                ref,
-                placeholder,
-                disabled,
-                ...props
-              }
+    return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center", children: [
+        groupText && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "flex h-10 items-center rounded-l-lg border-y border-l border-neutral-200 bg-neutral-50 pl-4 pr-2 text-neutral-300"
             ),
-            error && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-              WarningCircle,
-              {
-                "data-testid": "exclaim-icon",
-                className: cn("text-error-500", isHtmlTypePassword),
-                size: 18
-              }
-            ) }),
-            isHtmlTypePassword && rendePasswordEye(),
-            endContent && !error && !isHtmlTypePassword && /* @__PURE__ */ jsx("div", { className: "w-5 text-neutral-400", children: endContent })
-          ]
-        }
-      )
+            children: groupText
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex h-10 w-full items-center rounded-lg border border-neutral-200 bg-white px-3 transition-colors focus-within:border-neutral-950",
+              groupText && "rounded-l-none",
+              disabled && "bg-neutral-50",
+              error && "border-error-400 focus-within:border-error-700",
+              className
+            ),
+            children: [
+              startContent && /* @__PURE__ */ jsx("div", { className: "text-neutral-300", children: startContent }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type,
+                  className: cn(
+                    "w-full bg-transparent px-2 outline-0 transition-colors placeholder:text-neutral-300 disabled:cursor-not-allowed disabled:opacity-50"
+                  ),
+                  ref,
+                  placeholder,
+                  disabled,
+                  ...props
+                }
+              ),
+              error && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(WarningCircle, { "data-testid": "exclaim-icon", className: "text-error-500", size: 18 }) }),
+              isHtmlTypePassword && renderPasswordEye(),
+              endContent && !error && !isHtmlTypePassword && /* @__PURE__ */ jsx("div", { className: "text-neutral-300", children: endContent })
+            ]
+          }
+        )
+      ] }),
+      typeof error === "string" && /* @__PURE__ */ jsx("span", { className: "text-sm text-error-500", children: error })
     ] });
   }
 );

package/dist/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import { Eye, EyeSlash, WarningCircle } from '@phosphor-icons/react/dist/ssr'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  htmlType?: 'text' | 'tel' | 'email' | 'number' | 'password' | 'url'\n  startContent?: React.ReactElement\n  endContent?: React.ReactElement\n  groupText?: string\n  disabled?: boolean\n  error?: boolean\n}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    { className, htmlType = 'text', placeholder, startContent, endContent, groupText, disabled, error, ...props },\n    ref,\n  ) => {\n    const isHtmlTypePassword = htmlType === 'password'\n    const [type, setType] = React.useState(htmlType)\n\n    const toggleType = () => {\n      setType(type === 'password' ? 'text' : 'password')\n    }\n\n    const rendePasswordEye = () => {\n      return (\n        <button\n          type=\"button\"\n          className=\"password-eye-icon flex aspect-square cursor-pointer items-center justify-center rounded-full p-2 transition-colors hover:bg-gray-100\"\n          onClick={() => toggleType()}\n        >\n          {type === 'password' ? (\n            <EyeSlash size={20} data-testid=\"password-eye-closed\" />\n          ) : (\n            <Eye size={20} data-testid=\"password-eye-open\" />\n          )}\n        </button>\n      )\n    }\n    return (\n      <div className=\"flex w-full items-center\">\n        {groupText && (\n          <div\n            className={cn(\n              'outline-l flex h-10 items-center rounded-l-lg border-y border-l border-gray-300 bg-neutral-50 pl-4 pr-2 text-neutral-300',\n            )}\n          >\n            {groupText}\n          </div>\n        )}\n        <div\n          className={cn(\n            'flex h-10 w-full grow-0 items-center rounded-lg border border-gray-300 bg-[#ffffff] px-2 transition-colors focus-within:border-neutral-950',\n            groupText && 'rounded-none rounded-r-lg',\n            disabled && 'bg-neutral-50',\n            (error ?? props['aria-invalid']) && 'border-error-400 focus-within:border-error-700',\n            className,\n          )}\n        >\n          {startContent && <div className=\"text-neutral-400\">{startContent}</div>}\n          <input\n            type={type}\n            className={cn(\n              'placeholder:text-muted-foreground w-full grow-0 px-2 placeholder-neutral-500 outline-0 transition-colors file:border-0 file:bg-transparent file:font-medium disabled:cursor-not-allowed disabled:opacity-50',\n            )}\n            ref={ref}\n            placeholder={placeholder}\n            disabled={disabled}\n            {...props}\n          />\n\n          {error && (\n            <div>\n              <WarningCircle\n                data-testid=\"exclaim-icon\"\n                className={cn('text-error-500', isHtmlTypePassword)}\n                size={18}\n              />\n            </div>\n          )}\n          {isHtmlTypePassword && rendePasswordEye()}\n          {endContent && !error && !isHtmlTypePassword && <div className=\"w-5 text-neutral-400\">{endContent}</div>}\n        </div>\n      </div>\n    )\n  },\n)\nInput.displayName = 'Input'\n\nexport { Input }\n"],"names":[],"mappings":";;;;;AAcA,MAAM,QAAQ,KAAM,CAAA,UAAA;AAAA,EAClB,CACE,EAAE,SAAW,EAAA,QAAA,GAAW,QAAQ,WAAa,EAAA,YAAA,EAAc,UAAY,EAAA,SAAA,EAAW,QAAU,EAAA,KAAA,EAAO,GAAG,KAAA,IACtG,GACG,KAAA;AACH,IAAA,MAAM,qBAAqB,QAAa,KAAA,UAAA;AACxC,IAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,KAAA,CAAM,SAAS,QAAQ,CAAA;AAE/C,IAAA,MAAM,aAAa,MAAM;AACvB,MAAQ,OAAA,CAAA,IAAA,KAAS,UAAa,GAAA,MAAA,GAAS,UAAU,CAAA;AAAA,KACnD;AAEA,IAAA,MAAM,mBAAmB,MAAM;AAC7B,MACE,uBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAK,EAAA,QAAA;AAAA,UACL,SAAU,EAAA,sIAAA;AAAA,UACV,OAAA,EAAS,MAAM,UAAW,EAAA;AAAA,UAEzB,QAAS,EAAA,IAAA,KAAA,UAAA,mBACP,GAAA,CAAA,QAAA,EAAA,EAAS,MAAM,EAAI,EAAA,aAAA,EAAY,qBAAsB,EAAA,CAAA,mBAErD,GAAA,CAAA,GAAA,EAAA,EAAI,IAAM,EAAA,EAAA,EAAI,eAAY,mBAAoB,EAAA;AAAA;AAAA,OAEnD;AAAA,KAEJ;AACA,IACE,uBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,0BACZ,EAAA,QAAA,EAAA;AAAA,MACC,SAAA,oBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAW,EAAA,EAAA;AAAA,YACT;AAAA,WACF;AAAA,UAEC,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,sBAEF,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAW,EAAA,EAAA;AAAA,YACT,4IAAA;AAAA,YACA,SAAa,IAAA,2BAAA;AAAA,YACb,QAAY,IAAA,eAAA;AAAA,YACX,CAAA,KAAA,IAAS,KAAM,CAAA,cAAc,CAAM,KAAA,gDAAA;AAAA,YACpC;AAAA,WACF;AAAA,UAEC,QAAA,EAAA;AAAA,YAAA,YAAA,oBAAiB,GAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,kBAAA,EAAoB,QAAa,EAAA,YAAA,EAAA,CAAA;AAAA,4BACjE,GAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,IAAA;AAAA,gBACA,SAAW,EAAA,EAAA;AAAA,kBACT;AAAA,iBACF;AAAA,gBACA,GAAA;AAAA,gBACA,WAAA;AAAA,gBACA,QAAA;AAAA,gBACC,GAAG;AAAA;AAAA,aACN;AAAA,YAEC,KAAA,wBACE,KACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,cAAC,aAAA;AAAA,cAAA;AAAA,gBACC,aAAY,EAAA,cAAA;AAAA,gBACZ,SAAA,EAAW,EAAG,CAAA,gBAAA,EAAkB,kBAAkB,CAAA;AAAA,gBAClD,IAAM,EAAA;AAAA;AAAA,aAEV,EAAA,CAAA;AAAA,YAED,sBAAsB,gBAAiB,EAAA;AAAA,YACvC,UAAA,IAAc,CAAC,KAAS,IAAA,CAAC,sCAAuB,GAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,sBAAA,EAAwB,QAAW,EAAA,UAAA,EAAA;AAAA;AAAA;AAAA;AACpG,KACF,EAAA,CAAA;AAAA;AAGN;AACA,KAAA,CAAM,WAAc,GAAA,OAAA;;;;"}
+{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import { Eye, EyeSlash, WarningCircle } from '@phosphor-icons/react/dist/ssr'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  htmlType?: 'text' | 'tel' | 'email' | 'number' | 'password' | 'url'\n  startContent?: React.ReactElement\n  endContent?: React.ReactElement\n  groupText?: string\n  disabled?: boolean\n  error?: boolean | string\n}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    { className, htmlType = 'text', placeholder, startContent, endContent, groupText, disabled, error, ...props },\n    ref,\n  ) => {\n    const isHtmlTypePassword = htmlType === 'password'\n    const [type, setType] = React.useState(htmlType)\n\n    const toggleType = () => {\n      setType(type === 'password' ? 'text' : 'password')\n    }\n\n    const renderPasswordEye = () => {\n      return (\n        <button\n          type=\"button\"\n          className=\"flex aspect-square cursor-pointer items-center justify-center rounded-full p-2 transition-colors hover:bg-neutral-50\"\n          onClick={() => toggleType()}\n        >\n          {type === 'password' ? (\n            <EyeSlash size={20} data-testid=\"password-eye-closed\" />\n          ) : (\n            <Eye size={20} data-testid=\"password-eye-open\" />\n          )}\n        </button>\n      )\n    }\n\n    return (\n      <div className=\"flex w-full flex-col gap-1\">\n        <div className=\"flex w-full items-center\">\n          {groupText && (\n            <div\n              className={cn(\n                'flex h-10 items-center rounded-l-lg border-y border-l border-neutral-200 bg-neutral-50 pl-4 pr-2 text-neutral-300',\n              )}\n            >\n              {groupText}\n            </div>\n          )}\n          <div\n            className={cn(\n              'flex h-10 w-full items-center rounded-lg border border-neutral-200 bg-white px-3 transition-colors focus-within:border-neutral-950',\n              groupText && 'rounded-l-none',\n              disabled && 'bg-neutral-50',\n              error && 'border-error-400 focus-within:border-error-700',\n              className,\n            )}\n          >\n            {startContent && <div className=\"text-neutral-300\">{startContent}</div>}\n            <input\n              type={type}\n              className={cn(\n                'w-full bg-transparent px-2 outline-0 transition-colors placeholder:text-neutral-300 disabled:cursor-not-allowed disabled:opacity-50',\n              )}\n              ref={ref}\n              placeholder={placeholder}\n              disabled={disabled}\n              {...props}\n            />\n\n            {error && (\n              <div>\n                <WarningCircle data-testid=\"exclaim-icon\" className=\"text-error-500\" size={18} />\n              </div>\n            )}\n            {isHtmlTypePassword && renderPasswordEye()}\n            {endContent && !error && !isHtmlTypePassword && <div className=\"text-neutral-300\">{endContent}</div>}\n          </div>\n        </div>\n        {typeof error === 'string' && <span className=\"text-sm text-error-500\">{error}</span>}\n      </div>\n    )\n  },\n)\nInput.displayName = 'Input'\n\nexport { Input }\n"],"names":[],"mappings":";;;;;AAcA,MAAM,QAAQ,KAAM,CAAA,UAAA;AAAA,EAClB,CACE,EAAE,SAAW,EAAA,QAAA,GAAW,QAAQ,WAAa,EAAA,YAAA,EAAc,UAAY,EAAA,SAAA,EAAW,QAAU,EAAA,KAAA,EAAO,GAAG,KAAA,IACtG,GACG,KAAA;AACH,IAAA,MAAM,qBAAqB,QAAa,KAAA,UAAA;AACxC,IAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,KAAA,CAAM,SAAS,QAAQ,CAAA;AAE/C,IAAA,MAAM,aAAa,MAAM;AACvB,MAAQ,OAAA,CAAA,IAAA,KAAS,UAAa,GAAA,MAAA,GAAS,UAAU,CAAA;AAAA,KACnD;AAEA,IAAA,MAAM,oBAAoB,MAAM;AAC9B,MACE,uBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAK,EAAA,QAAA;AAAA,UACL,SAAU,EAAA,sHAAA;AAAA,UACV,OAAA,EAAS,MAAM,UAAW,EAAA;AAAA,UAEzB,QAAS,EAAA,IAAA,KAAA,UAAA,mBACP,GAAA,CAAA,QAAA,EAAA,EAAS,MAAM,EAAI,EAAA,aAAA,EAAY,qBAAsB,EAAA,CAAA,mBAErD,GAAA,CAAA,GAAA,EAAA,EAAI,IAAM,EAAA,EAAA,EAAI,eAAY,mBAAoB,EAAA;AAAA;AAAA,OAEnD;AAAA,KAEJ;AAEA,IACE,uBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,4BACb,EAAA,QAAA,EAAA;AAAA,sBAAC,IAAA,CAAA,KAAA,EAAA,EAAI,WAAU,0BACZ,EAAA,QAAA,EAAA;AAAA,QACC,SAAA,oBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAW,EAAA,EAAA;AAAA,cACT;AAAA,aACF;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,wBAEF,IAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAW,EAAA,EAAA;AAAA,cACT,oIAAA;AAAA,cACA,SAAa,IAAA,gBAAA;AAAA,cACb,QAAY,IAAA,eAAA;AAAA,cACZ,KAAS,IAAA,gDAAA;AAAA,cACT;AAAA,aACF;AAAA,YAEC,QAAA,EAAA;AAAA,cAAA,YAAA,oBAAiB,GAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,kBAAA,EAAoB,QAAa,EAAA,YAAA,EAAA,CAAA;AAAA,8BACjE,GAAA;AAAA,gBAAC,OAAA;AAAA,gBAAA;AAAA,kBACC,IAAA;AAAA,kBACA,SAAW,EAAA,EAAA;AAAA,oBACT;AAAA,mBACF;AAAA,kBACA,GAAA;AAAA,kBACA,WAAA;AAAA,kBACA,QAAA;AAAA,kBACC,GAAG;AAAA;AAAA,eACN;AAAA,cAEC,KAAA,oBACE,GAAA,CAAA,KAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EAAc,aAAY,EAAA,cAAA,EAAe,SAAU,EAAA,gBAAA,EAAiB,IAAM,EAAA,EAAA,EAAI,CACjF,EAAA,CAAA;AAAA,cAED,sBAAsB,iBAAkB,EAAA;AAAA,cACxC,UAAA,IAAc,CAAC,KAAS,IAAA,CAAC,sCAAuB,GAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,kBAAA,EAAoB,QAAW,EAAA,UAAA,EAAA;AAAA;AAAA;AAAA;AAChG,OACF,EAAA,CAAA;AAAA,MACC,OAAO,KAAU,KAAA,QAAA,wBAAa,MAAK,EAAA,EAAA,SAAA,EAAU,0BAA0B,QAAM,EAAA,KAAA,EAAA;AAAA,KAChF,EAAA,CAAA;AAAA;AAGN;AACA,KAAA,CAAM,WAAc,GAAA,OAAA;;;;"}

package/dist/components/Marquee/Marquee.d.ts

@@ -0,0 +1,33 @@
+import { ComponentPropsWithoutRef } from 'react';
+interface MarqueeProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * Optional CSS class name to apply custom styles
+     */
+    className?: string;
+    /**
+     * Whether to reverse the animation direction
+     * @default false
+     */
+    reverse?: boolean;
+    /**
+     * Whether to pause the animation on hover
+     * @default false
+     */
+    pauseOnHover?: boolean;
+    /**
+     * Content to be displayed in the marquee
+     */
+    children: React.ReactNode;
+    /**
+     * Whether to animate vertically instead of horizontally
+     * @default false
+     */
+    vertical?: boolean;
+    /**
+     * Number of times to repeat the content
+     * @default 4
+     */
+    repeat?: number;
+}
+export declare function Marquee({ className, reverse, pauseOnHover, children, vertical, repeat, ...props }: MarqueeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Marquee/Marquee.js

@@ -0,0 +1,43 @@
+import { jsx } from 'react/jsx-runtime';
+import { cn } from '../../lib/utils.js';
+
+function Marquee({
+  className,
+  reverse = false,
+  pauseOnHover = false,
+  children,
+  vertical = false,
+  repeat = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      className: cn(
+        "group flex overflow-hidden p-2 [--duration:60s] [--gap:96px] [gap:var(--gap)]",
+        {
+          "flex-row": !vertical,
+          "flex-col": vertical
+        },
+        className
+      ),
+      children: Array(repeat).fill(0).map((_, i) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn("flex items-center shrink-0 justify-around [gap:var(--gap)]", {
+            "animate-marquee flex-row": !vertical,
+            "animate-marquee-vertical flex-col": vertical,
+            "group-hover:[animation-play-state:paused]": pauseOnHover,
+            "[animation-direction:reverse]": reverse
+          }),
+          children
+        },
+        i
+      ))
+    }
+  );
+}
+
+export { Marquee };
+//# sourceMappingURL=Marquee.js.map

package/dist/components/Marquee/Marquee.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marquee.js","sources":["../../../src/components/Marquee/Marquee.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { ComponentPropsWithoutRef } from \"react\";\n\ninterface MarqueeProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Optional CSS class name to apply custom styles\n   */\n  className?: string;\n  /**\n   * Whether to reverse the animation direction\n   * @default false\n   */\n  reverse?: boolean;\n  /**\n   * Whether to pause the animation on hover\n   * @default false\n   */\n  pauseOnHover?: boolean;\n  /**\n   * Content to be displayed in the marquee\n   */\n  children: React.ReactNode;\n  /**\n   * Whether to animate vertically instead of horizontally\n   * @default false\n   */\n  vertical?: boolean;\n  /**\n   * Number of times to repeat the content\n   * @default 4\n   */\n  repeat?: number;\n}\n\nexport function Marquee({\n  className,\n  reverse = false,\n  pauseOnHover = false,\n  children,\n  vertical = false,\n  repeat = 4,\n  ...props\n}: MarqueeProps) {\n  return (\n    <div\n      {...props}\n      className={cn(\n        \"group flex overflow-hidden p-2 [--duration:60s] [--gap:96px] [gap:var(--gap)]\",\n        {\n          \"flex-row\": !vertical,\n          \"flex-col\": vertical,\n        },\n        className,\n      )}\n    >\n      {Array(repeat)\n        .fill(0)\n        .map((_, i) => (\n          <div\n            key={i}\n            className={cn(\"flex items-center shrink-0 justify-around [gap:var(--gap)]\", {\n              \"animate-marquee flex-row\": !vertical,\n              \"animate-marquee-vertical flex-col\": vertical,\n              \"group-hover:[animation-play-state:paused]\": pauseOnHover,\n              \"[animation-direction:reverse]\": reverse,\n            })}\n          >\n            {children}\n          </div>\n        ))}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AAkCO,SAAS,OAAQ,CAAA;AAAA,EACtB,SAAA;AAAA,EACA,OAAU,GAAA,KAAA;AAAA,EACV,YAAe,GAAA,KAAA;AAAA,EACf,QAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,MAAS,GAAA,CAAA;AAAA,EACT,GAAG;AACL,CAAiB,EAAA;AACf,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,SAAW,EAAA,EAAA;AAAA,QACT,+EAAA;AAAA,QACA;AAAA,UACE,YAAY,CAAC,QAAA;AAAA,UACb,UAAY,EAAA;AAAA,SACd;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA,KAAA,CAAM,MAAM,CACV,CAAA,IAAA,CAAK,CAAC,CACN,CAAA,GAAA,CAAI,CAAC,CAAA,EAAG,CACP,qBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UAEC,SAAA,EAAW,GAAG,4DAA8D,EAAA;AAAA,YAC1E,4BAA4B,CAAC,QAAA;AAAA,YAC7B,mCAAqC,EAAA,QAAA;AAAA,YACrC,2CAA6C,EAAA,YAAA;AAAA,YAC7C,+BAAiC,EAAA;AAAA,WAClC,CAAA;AAAA,UAEA;AAAA,SAAA;AAAA,QARI;AAAA,OAUR;AAAA;AAAA,GACL;AAEJ;;;;"}

package/dist/components/Marquee/index.d.ts

@@ -0,0 +1 @@
+export * from './Marquee';

package/dist/components/Marquee/index.js

@@ -0,0 +1,2 @@
+export { Marquee } from './Marquee.js';
+//# sourceMappingURL=index.js.map

package/dist/components/Marquee/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Separator/Separator.js

@@ -11,11 +11,7 @@ const Separator = React.forwardRef(
       ref,
       decorative,
       orientation,
-      className: cn(
-        "shrink-0 bg-neutral-100",
-        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-        className
-      ),
+      className: cn("shrink-0 bg-neutral-100", orientation === "horizontal" ? "h-px w-full" : "h-full w-px", className),
       ...props
     }
   )

package/dist/components/Separator/Separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.js","sources":["../../../src/components/Separator/Separator.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\n\nimport { cn } from '@/lib/utils'\n\ninterface SeparatorProps extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {\n  /** The orientation of the separator.\n   * @default horizontal\n   */\n  orientation?: 'horizontal' | 'vertical'\n  /** Whether the separator is decorative or semantic. Decorative separators are hidden from screen readers.\n   * @default true\n   */\n  decorative?: boolean\n  /** Change the default rendered element for the one passed as a child, merging their props and behavior. */\n  asChild?: boolean\n}\n\nconst Separator = React.forwardRef<React.ElementRef<typeof SeparatorPrimitive.Root>, SeparatorProps>(\n  ({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (\n    <SeparatorPrimitive.Root\n      ref={ref}\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        'shrink-0 bg-neutral-100',\n        orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',\n        className,\n      )}\n      {...props}\n    />\n  ),\n)\nSeparator.displayName = SeparatorPrimitive.Root.displayName\n\nexport { Separator }\nexport type { SeparatorProps }\n"],"names":[],"mappings":";;;;;;AAoBA;AAAwB;AAEpB;AAAoB;AAAnB;AACC;AACA;AACA;AACW;AACT;AACkD;AAClD;AACF;AACI;AAAA;AAGV;AACA;;"}
+{"version":3,"file":"Separator.js","sources":["../../../src/components/Separator/Separator.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\n\nimport { cn } from '@/lib/utils'\n\ninterface SeparatorProps extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {\n  /** The orientation of the separator.\n   * @default horizontal\n   */\n  orientation?: 'horizontal' | 'vertical'\n  /** Whether the separator is decorative or semantic. Decorative separators are hidden from screen readers.\n   * @default true\n   */\n  decorative?: boolean\n  /** Change the default rendered element for the one passed as a child, merging their props and behavior. */\n  asChild?: boolean\n}\n\nconst Separator = React.forwardRef<React.ElementRef<typeof SeparatorPrimitive.Root>, SeparatorProps>(\n  ({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (\n    <SeparatorPrimitive.Root\n      ref={ref}\n      decorative={decorative}\n      orientation={orientation}\n      className={cn('shrink-0 bg-neutral-100', orientation === 'horizontal' ? 'h-px w-full' : 'h-full w-px', className)}\n      {...props}\n    />\n  ),\n)\nSeparator.displayName = SeparatorPrimitive.Root.displayName\n\nexport { Separator }\nexport type { SeparatorProps }\n"],"names":[],"mappings":";;;;;;AAoBA;AAAwB;AAEpB;AAAoB;AAAnB;AACC;AACA;AACA;AACgH;AAC5G;AAAA;AAGV;AACA;;"}

package/dist/components/Textarea/Textarea.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
 export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
     disabled?: boolean;
-    error?: boolean;
+    error?: boolean | string;
+    resize?: boolean;
 }
 declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };

package/dist/components/Textarea/Textarea.js

@@ -1,23 +1,39 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
+import { WarningCircle } from '@phosphor-icons/react/dist/ssr';
 import { cn } from '../../lib/utils.js';
 
 const Textarea = React.forwardRef(
-  ({ className, disabled, error, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "textarea",
-      {
-        className: cn(
-          "placeholder:text-muted-foreground flex min-h-[60px] w-full rounded-md  border bg-transparent px-3 py-2 text-sm shadow-sm ring-1 ring-neutral-200 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-950 disabled:cursor-not-allowed disabled:opacity-50",
-          disabled && "bg-neutral-50",
-          error && " ring-error-400 focus-visible:ring-error-700",
-          className
-        ),
-        disabled,
-        ref,
-        ...props
-      }
-    );
+  ({ className, disabled, error, resize = false, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-1", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex w-full items-start", children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "relative flex w-full rounded-lg border border-neutral-200 bg-white transition-colors focus-within:border-neutral-950",
+            disabled && "bg-neutral-50",
+            error && "border-error-400 focus-within:border-error-700",
+            className
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                className: cn(
+                  "min-h-[60px] w-full rounded-lg bg-transparent p-3 pr-8 outline-0 transition-colors placeholder:text-neutral-300 disabled:cursor-not-allowed disabled:opacity-50",
+                  !resize && "resize-none"
+                ),
+                ref,
+                disabled,
+                ...props
+              }
+            ),
+            error && /* @__PURE__ */ jsx("div", { className: "absolute right-3 top-3", children: /* @__PURE__ */ jsx(WarningCircle, { "data-testid": "exclaim-icon", className: "text-error-500", size: 18 }) })
+          ]
+        }
+      ) }),
+      typeof error === "string" && /* @__PURE__ */ jsx("span", { className: "text-sm text-error-500", children: error })
+    ] });
   }
 );
 Textarea.displayName = "Textarea";

package/dist/components/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  disabled?: boolean\n  error?: boolean\n}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, disabled, error, ...props }, ref) => {\n    return (\n      <textarea\n        className={cn(\n          'placeholder:text-muted-foreground flex min-h-[60px] w-full rounded-md  border bg-transparent px-3 py-2 text-sm shadow-sm ring-1 ring-neutral-200 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-950 disabled:cursor-not-allowed disabled:opacity-50',\n          disabled && 'bg-neutral-50',\n          error && ' ring-error-400 focus-visible:ring-error-700',\n          className,\n        )}\n        disabled={disabled}\n        ref={ref}\n        {...props}\n      />\n    )\n  },\n)\nTextarea.displayName = 'Textarea'\n\nexport { Textarea }\n"],"names":[],"mappings":";;;;AASA,MAAM,WAAW,KAAM,CAAA,UAAA;AAAA,EACrB,CAAC,EAAE,SAAW,EAAA,QAAA,EAAU,OAAO,GAAG,KAAA,IAAS,GAAQ,KAAA;AACjD,IACE,uBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,EAAA;AAAA,UACT,iRAAA;AAAA,UACA,QAAY,IAAA,eAAA;AAAA,UACZ,KAAS,IAAA,8CAAA;AAAA,UACT;AAAA,SACF;AAAA,QACA,QAAA;AAAA,QACA,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA;AAGN;AACA,QAAA,CAAS,WAAc,GAAA,UAAA;;;;"}
+{"version":3,"file":"Textarea.js","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react'\nimport { WarningCircle } from '@phosphor-icons/react/dist/ssr'\nimport { cn } from '@/lib/utils'\n\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  disabled?: boolean\n  error?: boolean | string\n  resize?: boolean\n}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, disabled, error, resize = false, ...props }, ref) => {\n    return (\n      <div className=\"flex w-full flex-col gap-1\">\n        <div className=\"flex w-full items-start\">\n          <div\n            className={cn(\n              'relative flex w-full rounded-lg border border-neutral-200 bg-white transition-colors focus-within:border-neutral-950',\n              disabled && 'bg-neutral-50',\n              error && 'border-error-400 focus-within:border-error-700',\n              className,\n            )}\n          >\n            <textarea\n              className={cn(\n                'min-h-[60px] w-full rounded-lg bg-transparent p-3 pr-8 outline-0 transition-colors placeholder:text-neutral-300 disabled:cursor-not-allowed disabled:opacity-50',\n                !resize && 'resize-none',\n              )}\n              ref={ref}\n              disabled={disabled}\n              {...props}\n            />\n            {error && (\n              <div className=\"absolute right-3 top-3\">\n                <WarningCircle data-testid=\"exclaim-icon\" className=\"text-error-500\" size={18} />\n              </div>\n            )}\n          </div>\n        </div>\n        {typeof error === 'string' && <span className=\"text-sm text-error-500\">{error}</span>}\n      </div>\n    )\n  },\n)\nTextarea.displayName = 'Textarea'\n\nexport { Textarea }\n"],"names":[],"mappings":";;;;;AAUA,MAAM,WAAW,KAAM,CAAA,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,QAAU,EAAA,KAAA,EAAO,SAAS,KAAO,EAAA,GAAG,KAAM,EAAA,EAAG,GAAQ,KAAA;AACjE,IACE,uBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,4BACb,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,KAAA,EAAA,EAAI,WAAU,yBACb,EAAA,QAAA,kBAAA,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAW,EAAA,EAAA;AAAA,YACT,sHAAA;AAAA,YACA,QAAY,IAAA,eAAA;AAAA,YACZ,KAAS,IAAA,gDAAA;AAAA,YACT;AAAA,WACF;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,SAAW,EAAA,EAAA;AAAA,kBACT,iKAAA;AAAA,kBACA,CAAC,MAAU,IAAA;AAAA,iBACb;AAAA,gBACA,GAAA;AAAA,gBACA,QAAA;AAAA,gBACC,GAAG;AAAA;AAAA,aACN;AAAA,YACC,KACC,oBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,wBACb,EAAA,QAAA,kBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,aAAA,EAAY,cAAe,EAAA,SAAA,EAAU,gBAAiB,EAAA,IAAA,EAAM,IAAI,CACjF,EAAA;AAAA;AAAA;AAAA,OAGN,EAAA,CAAA;AAAA,MACC,OAAO,KAAU,KAAA,QAAA,wBAAa,MAAK,EAAA,EAAA,SAAA,EAAU,0BAA0B,QAAM,EAAA,KAAA,EAAA;AAAA,KAChF,EAAA,CAAA;AAAA;AAGN;AACA,QAAA,CAAS,WAAc,GAAA,UAAA;;;;"}

package/dist/components/Typography/Typography.d.ts

@@ -15,17 +15,12 @@ export interface TypographyProps extends React.BaseHTMLAttributes<HTMLParagraphE
     color?: 'neutral' | 'primary' | 'secondary' | 'inverse' | 'accent' | 'success' | 'warning' | 'error';
 }
 /**
- * Typography component that implements the IATI design system
- *
  * Usage:
  * ```tsx
- * // Display text with Montserrat (default)
  * <Typography variant="display-lg" weight="bold">Large Display</Typography>
  *
- * // Headline with Open Sans
  * <Typography variant="headline-md" family="opensans" component="h2">Section Header</Typography>
  *
- * // Body text
  * <Typography variant="body-md">Regular paragraph text</Typography>
  * ```
  */

package/dist/components/Typography/Typography.js

@@ -10,58 +10,65 @@ const typographyVariants = cva("scroll-m-20 tracking-tight", {
       "display-lg": [
         "text-[49px] md:text-[53px] lg:text-[57px]",
         "leading-[56px] md:leading-[60px] lg:leading-[64px]",
-        "-tracking-[0.14px]"
+        "-tracking-[0.14px]",
+        "font-montserrat"
       ].join(" "),
       // Large headers or section titles
       "display-md": [
         "text-[41px] md:text-[43px] lg:text-[45px]",
-        "leading-[48px] md:leading-[50px] lg:leading-[52px]"
+        "leading-[48px] md:leading-[50px] lg:leading-[52px]",
+        "font-montserrat"
       ].join(" "),
       // Medium-sized prominent headers
       "display-sm": [
         "text-[32px] md:text-[34px] lg:text-[36px]",
-        "leading-[40px] md:leading-[42px] lg:leading-[44px]"
+        "leading-[40px] md:leading-[42px] lg:leading-[44px]",
+        "font-montserrat"
       ].join(" "),
       // Smaller display text for highlighted elements
       // Headline family - Used for article and section headers
       "headline-lg": [
         "text-[28px] md:text-[30px] lg:text-[32px]",
-        "leading-[36px] md:leading-[38px] lg:leading-[40px]"
+        "leading-[36px] md:leading-[38px] lg:leading-[40px]",
+        "font-montserrat"
       ].join(" "),
       // Primary article headers
       "headline-md": [
         "text-[24px] md:text-[26px] lg:text-[28px]",
-        "leading-[32px] md:leading-[34px] lg:leading-[36px]"
+        "leading-[32px] md:leading-[34px] lg:leading-[36px]",
+        "font-montserrat"
       ].join(" "),
       // Section headers
       "headline-sm": [
         "text-[20px] md:text-[22px] lg:text-[24px]",
-        "leading-[28px] md:leading-[30px] lg:leading-[32px]"
+        "leading-[28px] md:leading-[30px] lg:leading-[32px]",
+        "font-montserrat"
       ].join(" "),
       // Subsection headers
       // Title family - Used for smaller sections and emphasized content
       "title-lg": [
         "text-[18px] md:text-[20px] lg:text-[22px]",
-        "leading-[24px] md:leading-[26px] lg:leading-[28px]"
+        "leading-[24px] md:leading-[26px] lg:leading-[28px]",
+        "font-montserrat"
       ].join(" "),
       // Large titles for important sections
-      "title-md": "text-[16px] leading-[24px] tracking-[0.024px]",
+      "title-md": ["text-[16px] leading-[24px] tracking-[0.024px]", "font-montserrat"].join(" "),
       // Medium titles for general use
-      "title-sm": "text-[14px] leading-[20px]",
+      "title-sm": ["text-[14px] leading-[20px]", "font-montserrat"].join(" "),
       // Small titles for subsections
       // Label family - Used for form elements and navigation
-      "label-lg": "text-[14px] leading-[20px]",
+      "label-lg": ["text-[14px] leading-[20px]", "font-opensans"].join(" "),
       // Large labels for form fields
-      "label-md": "text-[12px] leading-[16px]",
+      "label-md": ["text-[12px] leading-[16px]", "font-opensans"].join(" "),
       // Medium labels for general use
-      "label-sm": "text-[11px] leading-[16px]",
+      "label-sm": ["text-[11px] leading-[16px]", "font-opensans"].join(" "),
       // Small labels for compact UI elements
       // Body family - Used for main content and paragraphs
-      "body-lg": "text-[16px] leading-[24px] tracking-[0.08px]",
+      "body-lg": ["text-[16px] leading-[24px] tracking-[0.08px]", "font-opensans"].join(" "),
       // Large body text for primary content
-      "body-md": "text-[14px] leading-[20px] tracking-[0.035px]",
+      "body-md": ["text-[14px] leading-[20px] tracking-[0.035px]", "font-opensans"].join(" "),
       // Medium body text for general content
-      "body-sm": "text-[12px] leading-[16px] tracking-[0.048px]"
+      "body-sm": ["text-[12px] leading-[16px] tracking-[0.048px]", "font-opensans"].join(" ")
       // Small body text for secondary content
     },
     weight: {
@@ -102,7 +109,6 @@ const typographyVariants = cva("scroll-m-20 tracking-tight", {
   defaultVariants: {
     variant: "body-md",
     weight: "regular",
-    family: "montserrat",
     color: "neutral"
   }
 });

package/dist/components/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../../lib/utils'\n\n/**\n * Typography variants configuration using class-variance-authority\n * Updated with adjusted mobile/tablet breakpoints while preserving desktop (lg) sizes\n */\nconst typographyVariants = cva('scroll-m-20 tracking-tight', {\n  variants: {\n    variant: {\n      // Display family - Used for large, eye-catching elements in the interface\n      'display-lg': [\n        'text-[49px] md:text-[53px] lg:text-[57px]',\n        'leading-[56px] md:leading-[60px] lg:leading-[64px]',\n        '-tracking-[0.14px]',\n      ].join(' '), // Large headers or section titles\n      'display-md': [\n        'text-[41px] md:text-[43px] lg:text-[45px]',\n        'leading-[48px] md:leading-[50px] lg:leading-[52px]',\n      ].join(' '), // Medium-sized prominent headers\n      'display-sm': [\n        'text-[32px] md:text-[34px] lg:text-[36px]',\n        'leading-[40px] md:leading-[42px] lg:leading-[44px]',\n      ].join(' '), // Smaller display text for highlighted elements\n\n      // Headline family - Used for article and section headers\n      'headline-lg': [\n        'text-[28px] md:text-[30px] lg:text-[32px]',\n        'leading-[36px] md:leading-[38px] lg:leading-[40px]',\n      ].join(' '), // Primary article headers\n      'headline-md': [\n        'text-[24px] md:text-[26px] lg:text-[28px]',\n        'leading-[32px] md:leading-[34px] lg:leading-[36px]',\n      ].join(' '), // Section headers\n      'headline-sm': [\n        'text-[20px] md:text-[22px] lg:text-[24px]',\n        'leading-[28px] md:leading-[30px] lg:leading-[32px]',\n      ].join(' '), // Subsection headers\n\n      // Title family - Used for smaller sections and emphasized content\n      'title-lg': [\n        'text-[18px] md:text-[20px] lg:text-[22px]',\n        'leading-[24px] md:leading-[26px] lg:leading-[28px]',\n      ].join(' '), // Large titles for important sections\n      'title-md': 'text-[16px] leading-[24px] tracking-[0.024px]', // Medium titles for general use\n      'title-sm': 'text-[14px] leading-[20px]', // Small titles for subsections\n\n      // Label family - Used for form elements and navigation\n      'label-lg': 'text-[14px] leading-[20px]', // Large labels for form fields\n      'label-md': 'text-[12px] leading-[16px]', // Medium labels for general use\n      'label-sm': 'text-[11px] leading-[16px]', // Small labels for compact UI elements\n\n      // Body family - Used for main content and paragraphs\n      'body-lg': 'text-[16px] leading-[24px] tracking-[0.08px]', // Large body text for primary content\n      'body-md': 'text-[14px] leading-[20px] tracking-[0.035px]', // Medium body text for general content\n      'body-sm': 'text-[12px] leading-[16px] tracking-[0.048px]', // Small body text for secondary content\n    },\n    weight: {\n      regular: 'font-normal', // Regular weight for general text\n      medium: 'font-medium', // Medium weight for semi-emphasized text\n      semibold: 'font-semibold', // Semibold for important elements\n      bold: 'font-bold', // Bold for high emphasis\n    },\n    family: {\n      montserrat: 'font-montserrat', // Default font family\n      opensans: 'font-opensans', // Alternative font family\n    },\n    color: {\n      neutral: 'text-neutral-900', // Default text color\n      inverse: 'text-neutral-50', // Inverted text color\n      primary: 'text-primary-600', // Primary brand color\n      secondary: 'text-neutral-600', // Secondary brand color\n      accent: 'text-accent-500', // Accent color for emphasis\n      success: 'text-success-600', // Success messages\n      warning: 'text-warning-500', // Warning messages\n      error: 'text-error-600', // Error messages\n    },\n  },\n  defaultVariants: {\n    variant: 'body-md',\n    weight: 'regular',\n    family: 'montserrat',\n    color: 'neutral',\n  },\n})\n\nexport interface TypographyProps\n  extends React.BaseHTMLAttributes<HTMLParagraphElement>,\n    VariantProps<typeof typographyVariants> {\n  component?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'p' | null\n  color?: 'neutral' | 'primary' | 'secondary' | 'inverse' | 'accent' | 'success' | 'warning' | 'error'\n}\n\n/**\n * Typography component that implements the IATI design system\n *\n * Usage:\n * ```tsx\n * // Display text with Montserrat (default)\n * <Typography variant=\"display-lg\" weight=\"bold\">Large Display</Typography>\n *\n * // Headline with Open Sans\n * <Typography variant=\"headline-md\" family=\"opensans\" component=\"h2\">Section Header</Typography>\n *\n * // Body text\n * <Typography variant=\"body-md\">Regular paragraph text</Typography>\n * ```\n */\nconst Typography = React.forwardRef<HTMLParagraphElement, TypographyProps>(\n  ({ className, variant, weight, family, color, component, ...props }, ref) => {\n    const Comp = component ?? 'span'\n    return (\n      <Comp className={cn(typographyVariants({ variant, weight, family, color, className }))} ref={ref} {...props} />\n    )\n  },\n)\n\nTypography.displayName = 'Typography'\n\nexport { Typography, typographyVariants }\n"],"names":[],"mappings":";;;;;AASM,MAAA,kBAAA,GAAqB,IAAI,4BAA8B,EAAA;AAAA,EAC3D,QAAU,EAAA;AAAA,IACR,OAAS,EAAA;AAAA;AAAA,MAEP,YAAc,EAAA;AAAA,QACZ,2CAAA;AAAA,QACA,oDAAA;AAAA,QACA;AAAA,OACF,CAAE,KAAK,GAAG,CAAA;AAAA;AAAA,MACV,YAAc,EAAA;AAAA,QACZ,2CAAA;AAAA,QACA;AAAA,OACF,CAAE,KAAK,GAAG,CAAA;AAAA;AAAA,MACV,YAAc,EAAA;AAAA,QACZ,2CAAA;AAAA,QACA;AAAA,OACF,CAAE,KAAK,GAAG,CAAA;AAAA;AAAA;AAAA,MAGV,aAAe,EAAA;AAAA,QACb,2CAAA;AAAA,QACA;AAAA,OACF,CAAE,KAAK,GAAG,CAAA;AAAA;AAAA,MACV,aAAe,EAAA;AAAA,QACb,2CAAA;AAAA,QACA;AAAA,OACF,CAAE,KAAK,GAAG,CAAA;AAAA;AAAA,MACV,aAAe,EAAA;AAAA,QACb,2CAAA;AAAA,QACA;AAAA,OACF,CAAE,KAAK,GAAG,CAAA;AAAA;AAAA;AAAA,MAGV,UAAY,EAAA;AAAA,QACV,2CAAA;AAAA,QACA;AAAA,OACF,CAAE,KAAK,GAAG,CAAA;AAAA;AAAA,MACV,UAAY,EAAA,+CAAA;AAAA;AAAA,MACZ,UAAY,EAAA,4BAAA;AAAA;AAAA;AAAA,MAGZ,UAAY,EAAA,4BAAA;AAAA;AAAA,MACZ,UAAY,EAAA,4BAAA;AAAA;AAAA,MACZ,UAAY,EAAA,4BAAA;AAAA;AAAA;AAAA,MAGZ,SAAW,EAAA,8CAAA;AAAA;AAAA,MACX,SAAW,EAAA,+CAAA;AAAA;AAAA,MACX,SAAW,EAAA;AAAA;AAAA,KACb;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,OAAS,EAAA,aAAA;AAAA;AAAA,MACT,MAAQ,EAAA,aAAA;AAAA;AAAA,MACR,QAAU,EAAA,eAAA;AAAA;AAAA,MACV,IAAM,EAAA;AAAA;AAAA,KACR;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,UAAY,EAAA,iBAAA;AAAA;AAAA,MACZ,QAAU,EAAA;AAAA;AAAA,KACZ;AAAA,IACA,KAAO,EAAA;AAAA,MACL,OAAS,EAAA,kBAAA;AAAA;AAAA,MACT,OAAS,EAAA,iBAAA;AAAA;AAAA,MACT,OAAS,EAAA,kBAAA;AAAA;AAAA,MACT,SAAW,EAAA,kBAAA;AAAA;AAAA,MACX,MAAQ,EAAA,iBAAA;AAAA;AAAA,MACR,OAAS,EAAA,kBAAA;AAAA;AAAA,MACT,OAAS,EAAA,kBAAA;AAAA;AAAA,MACT,KAAO,EAAA;AAAA;AAAA;AACT,GACF;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,OAAS,EAAA,SAAA;AAAA,IACT,MAAQ,EAAA,SAAA;AAAA,IACR,MAAQ,EAAA,YAAA;AAAA,IACR,KAAO,EAAA;AAAA;AAEX,CAAC;AAwBD,MAAM,aAAa,KAAM,CAAA,UAAA;AAAA,EACvB,CAAC,EAAE,SAAA,EAAW,OAAS,EAAA,MAAA,EAAQ,MAAQ,EAAA,KAAA,EAAO,SAAW,EAAA,GAAG,KAAM,EAAA,EAAG,GAAQ,KAAA;AAC3E,IAAA,MAAM,OAAO,SAAa,IAAA,MAAA;AAC1B,IAAA,2BACG,IAAK,EAAA,EAAA,SAAA,EAAW,EAAG,CAAA,kBAAA,CAAmB,EAAE,OAAS,EAAA,MAAA,EAAQ,MAAQ,EAAA,KAAA,EAAO,WAAW,CAAC,CAAG,EAAA,GAAA,EAAW,GAAG,KAAO,EAAA,CAAA;AAAA;AAGnH;AAEA,UAAA,CAAW,WAAc,GAAA,YAAA;;;;"}
+{"version":3,"file":"Typography.js","sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../../lib/utils'\n\n/**\n * Typography variants configuration using class-variance-authority\n * Updated with adjusted mobile/tablet breakpoints while preserving desktop (lg) sizes\n */\nconst typographyVariants = cva('scroll-m-20 tracking-tight', {\n  variants: {\n    variant: {\n      // Display family - Used for large, eye-catching elements in the interface\n      'display-lg': [\n        'text-[49px] md:text-[53px] lg:text-[57px]',\n        'leading-[56px] md:leading-[60px] lg:leading-[64px]',\n        '-tracking-[0.14px]',\n        'font-montserrat',\n      ].join(' '), // Large headers or section titles\n      'display-md': [\n        'text-[41px] md:text-[43px] lg:text-[45px]',\n        'leading-[48px] md:leading-[50px] lg:leading-[52px]',\n        'font-montserrat',\n      ].join(' '), // Medium-sized prominent headers\n      'display-sm': [\n        'text-[32px] md:text-[34px] lg:text-[36px]',\n        'leading-[40px] md:leading-[42px] lg:leading-[44px]',\n        'font-montserrat',\n      ].join(' '), // Smaller display text for highlighted elements\n\n      // Headline family - Used for article and section headers\n      'headline-lg': [\n        'text-[28px] md:text-[30px] lg:text-[32px]',\n        'leading-[36px] md:leading-[38px] lg:leading-[40px]',\n        'font-montserrat',\n      ].join(' '), // Primary article headers\n      'headline-md': [\n        'text-[24px] md:text-[26px] lg:text-[28px]',\n        'leading-[32px] md:leading-[34px] lg:leading-[36px]',\n        'font-montserrat',\n      ].join(' '), // Section headers\n      'headline-sm': [\n        'text-[20px] md:text-[22px] lg:text-[24px]',\n        'leading-[28px] md:leading-[30px] lg:leading-[32px]',\n        'font-montserrat',\n      ].join(' '), // Subsection headers\n\n      // Title family - Used for smaller sections and emphasized content\n      'title-lg': [\n        'text-[18px] md:text-[20px] lg:text-[22px]',\n        'leading-[24px] md:leading-[26px] lg:leading-[28px]',\n        'font-montserrat',\n      ].join(' '), // Large titles for important sections\n      'title-md': ['text-[16px] leading-[24px] tracking-[0.024px]', 'font-montserrat'].join(' '), // Medium titles for general use\n      'title-sm': ['text-[14px] leading-[20px]', 'font-montserrat'].join(' '), // Small titles for subsections\n\n      // Label family - Used for form elements and navigation\n      'label-lg': ['text-[14px] leading-[20px]', 'font-opensans'].join(' '), // Large labels for form fields\n      'label-md': ['text-[12px] leading-[16px]', 'font-opensans'].join(' '), // Medium labels for general use\n      'label-sm': ['text-[11px] leading-[16px]', 'font-opensans'].join(' '), // Small labels for compact UI elements\n\n      // Body family - Used for main content and paragraphs\n      'body-lg': ['text-[16px] leading-[24px] tracking-[0.08px]', 'font-opensans'].join(' '), // Large body text for primary content\n      'body-md': ['text-[14px] leading-[20px] tracking-[0.035px]', 'font-opensans'].join(' '), // Medium body text for general content\n      'body-sm': ['text-[12px] leading-[16px] tracking-[0.048px]', 'font-opensans'].join(' '), // Small body text for secondary content\n    },\n    weight: {\n      regular: 'font-normal', // Regular weight for general text\n      medium: 'font-medium', // Medium weight for semi-emphasized text\n      semibold: 'font-semibold', // Semibold for important elements\n      bold: 'font-bold', // Bold for high emphasis\n    },\n    family: {\n      montserrat: 'font-montserrat', // Default font family\n      opensans: 'font-opensans', // Alternative font family\n    },\n    color: {\n      neutral: 'text-neutral-900', // Default text color\n      inverse: 'text-neutral-50', // Inverted text color\n      primary: 'text-primary-600', // Primary brand color\n      secondary: 'text-neutral-600', // Secondary brand color\n      accent: 'text-accent-500', // Accent color for emphasis\n      success: 'text-success-600', // Success messages\n      warning: 'text-warning-500', // Warning messages\n      error: 'text-error-600', // Error messages\n    },\n  },\n  defaultVariants: {\n    variant: 'body-md',\n    weight: 'regular',\n    color: 'neutral',\n  },\n})\n\nexport interface TypographyProps\n  extends React.BaseHTMLAttributes<HTMLParagraphElement>,\n    VariantProps<typeof typographyVariants> {\n  component?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'p' | null\n  color?: 'neutral' | 'primary' | 'secondary' | 'inverse' | 'accent' | 'success' | 'warning' | 'error'\n}\n\n/**\n * Usage:\n * ```tsx\n * <Typography variant=\"display-lg\" weight=\"bold\">Large Display</Typography>\n *\n * <Typography variant=\"headline-md\" family=\"opensans\" component=\"h2\">Section Header</Typography>\n *\n * <Typography variant=\"body-md\">Regular paragraph text</Typography>\n * ```\n */\nconst Typography = React.forwardRef<HTMLParagraphElement, TypographyProps>(\n  ({ className, variant, weight, family, color, component, ...props }, ref) => {\n    const Comp = component ?? 'span'\n    return (\n      <Comp className={cn(typographyVariants({ variant, weight, family, color, className }))} ref={ref} {...props} />\n    )\n  },\n)\n\nTypography.displayName = 'Typography'\n\nexport { Typography, typographyVariants }\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -32,3 +32,4 @@ export * from './components/ToggleGroup';
 export * from './components/Progress';
 export * from './components/DropdownMenu';
 export * from './components/Separator';
+export * from './components/Marquee';

package/dist/index.js

@@ -32,4 +32,5 @@ export { ToggleGroup, ToggleGroupItem } from './components/ToggleGroup/ToggleGro
 export { Progress } from './components/Progress/Progress.js';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './components/DropdownMenu/DropdownMenu.js';
 export { Separator } from './components/Separator/Separator.js';
+export { Marquee } from './components/Marquee/Marquee.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/lib/plugin.js

@@ -8,6 +8,14 @@ function periploTheme() {
     theme: {
       extend: {
         keyframes: {
+          marquee: {
+            from: { transform: "translateX(0)" },
+            to: { transform: "translateX(calc(-100% - var(--gap)))" }
+          },
+          "marquee-vertical": {
+            from: { transform: "translateY(0)" },
+            to: { transform: "translateY(calc(-100% - var(--gap)))" }
+          },
           "accordion-down": {
             from: { height: "0" },
             to: { height: "var(--radix-accordion-content-height)" }
@@ -37,7 +45,9 @@ function periploTheme() {
           "accordion-up": "accordion-up 0.2s ease-out",
           shine: "shine 1s ease",
           "shine-infinite": "shine-infinite 10s ease infinite",
-          "icon-down-up": "icon-down-up 0.2s ease-out"
+          "icon-down-up": "icon-down-up 0.2s ease-out",
+          marquee: "marquee var(--duration) linear infinite",
+          "marquee-vertical": "marquee-vertical var(--duration) linear infinite"
         },
         fontFamily: {
           montserrat: ["var(--font-montserrat)", "sans-serif"],

package/dist/lib/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","sources":["../../src/lib/plugin.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin'\n\nexport function handler() {\n  return true\n}\n\nexport function periploTheme() {\n  return plugin(handler, {\n    theme: {\n      extend: {\n        keyframes: {\n          'accordion-down': {\n            from: { height: '0' },\n            to: { height: 'var(--radix-accordion-content-height)' },\n          },\n          'accordion-up': {\n            from: { height: 'var(--radix-accordion-content-height)' },\n            to: { height: '0' },\n          },\n          shine: {\n            '0%': { backgroundPosition: '200% 0' },\n            '100%': { backgroundPosition: '-100% 0' },\n          },\n          'shine-infinite': {\n            '0%': { backgroundPosition: '200% 0' },\n            '10%': { backgroundPosition: '-100% 0' },\n            '100%': { backgroundPosition: '-100% 0' },\n          },\n          'icon-down-up': {\n            '0%': { transform: 'translateY(0%)' },\n            '50%': { transform: 'translateY(100%)' },\n            '50.01%': { transform: 'translateY(-100%)' },\n            '100%': { transform: 'translateY(0%)' },\n          },\n        },\n        animation: {\n          'accordion-down': 'accordion-down 0.2s ease-out',\n          'accordion-up': 'accordion-up 0.2s ease-out',\n          shine: 'shine 1s ease',\n          'shine-infinite': 'shine-infinite 10s ease infinite',\n          'icon-down-up': 'icon-down-up 0.2s ease-out',\n        },\n        fontFamily: {\n          montserrat: ['var(--font-montserrat)', 'sans-serif'],\n          opensans: ['var(--font-opensans)', 'sans-serif'],\n        },\n        colors: {\n          foreground: '#1D1D1B',\n          white: '#FFFFFF',\n          card: '#F7F7F6',\n          'card-foreground': '#1D1D1B',\n          popover: '#F7F7F6',\n          'popover-foreground': '#1D1D1B',\n          neutral: {\n            '50': '#F7F7F6',\n            '100': '#E4E4E3',\n            '200': '#C9C9C6',\n            '300': '#A7A6A1',\n            '400': '#84837D',\n            '500': '#696963',\n            '600': '#53534E',\n            '700': '#454440',\n            '800': '#393936',\n            '900': '#32322F',\n            '950': '#1D1D1B',\n            DEFAULT: '#696963',\n            foreground: '#F7F7F6',\n          },\n          primary: {\n            '50': '#FFF0DE',\n            '100': '#FFE182',\n            '200': '#FFD685',\n            '300': '#FFCE59',\n            '400': '#FFC92F',\n            '500': '#FBBA00',\n            '600': '#F1A100',\n            '700': '#F8A800',\n            '800': '#FAA100',\n            '900': '#F19700',\n            '950': '#ED8C00',\n            DEFAULT: '#FBBA00',\n            foreground: '#1D1D1B',\n          },\n          accent: {\n            '50': '#FFD5A8',\n            '100': '#FFCC93',\n            '200': '#FFB86A',\n            '300': '#FFA542',\n            '400': '#FF9119',\n            '500': '#F77D00',\n            '600': '#D57000',\n            '700': '#BC6200',\n            '800': '#A35500',\n            '900': '#894800',\n            '950': '#7C4100',\n            DEFAULT: '#F77D00',\n            foreground: '#1D1D1B',\n          },\n          success: {\n            '50': '#F2FBF2',\n            '100': '#E1F8E0',\n            '200': '#C5EFC3',\n            '300': '#90E194',\n            '400': '#5FCB5D',\n            '500': '#2EC03C',\n            '600': '#299128',\n            '700': '#247223',\n            '800': '#215B20',\n            '900': '#1C4B1D',\n            '950': '#0A290B',\n            DEFAULT: '#247223',\n            foreground: '#FFFFFF',\n          },\n          warning: {\n            '50': '#FCF5EE',\n            '100': '#F7E4CE',\n            '200': '#EEC799',\n            '300': '#E6A563',\n            '400': '#DE8334',\n            '500': '#D76929',\n            '600': '#BE4D21',\n            '700': '#9E331F',\n            '800': '#812B1F',\n            '900': '#6B251C',\n            '950': '#3D100B',\n            DEFAULT: '#D76929',\n            foreground: '#FFFFFF',\n          },\n          error: {\n            '50': '#FEF2F2',\n            '100': '#FEE2E2',\n            '200': '#FFC9C9',\n            '300': '#FDA4A4',\n            '400': '#FA6F70',\n            '500': '#F13637',\n            '600': '#DF2324',\n            '700': '#BC191A',\n            '800': '#9B191A',\n            '900': '#811B1C',\n            '950': '#460909',\n            DEFAULT: '#BC191A',\n            foreground: '#FFFFFF',\n          },\n          background: {\n            '50': '#FFFFFF',\n            '100': '#FBFBFB',\n            '200': '#FEF0D6',\n            '300': '#FDE1AE',\n            '400': '#FCD386',\n            '500': '#FBC45F',\n            '600': '#FAB637',\n            '700': '#F9A70F',\n            '800': '#DA8F05',\n            '900': '#B27504',\n            '950': '#9E6804',\n            DEFAULT: '#FBC45F',\n            foreground: '#1D1D1B',\n          },\n          border: '#F7F7F6',\n          input: '#F7F7F6',\n          ring: '#FAB700',\n        },\n      },\n    },\n  })\n}\n"],"names":[],"mappings":";;AAEO,SAAS,OAAU,GAAA;AACxB,EAAO,OAAA,IAAA;AACT;AAEO,SAAS,YAAe,GAAA;AAC7B,EAAA,OAAO,OAAO,OAAS,EAAA;AAAA,IACrB,KAAO,EAAA;AAAA,MACL,MAAQ,EAAA;AAAA,QACN,SAAW,EAAA;AAAA,UACT,gBAAkB,EAAA;AAAA,YAChB,IAAA,EAAM,EAAE,MAAA,EAAQ,GAAI,EAAA;AAAA,YACpB,EAAA,EAAI,EAAE,MAAA,EAAQ,uCAAwC;AAAA,WACxD;AAAA,UACA,cAAgB,EAAA;AAAA,YACd,IAAA,EAAM,EAAE,MAAA,EAAQ,uCAAwC,EAAA;AAAA,YACxD,EAAA,EAAI,EAAE,MAAA,EAAQ,GAAI;AAAA,WACpB;AAAA,UACA,KAAO,EAAA;AAAA,YACL,IAAA,EAAM,EAAE,kBAAA,EAAoB,QAAS,EAAA;AAAA,YACrC,MAAA,EAAQ,EAAE,kBAAA,EAAoB,SAAU;AAAA,WAC1C;AAAA,UACA,gBAAkB,EAAA;AAAA,YAChB,IAAA,EAAM,EAAE,kBAAA,EAAoB,QAAS,EAAA;AAAA,YACrC,KAAA,EAAO,EAAE,kBAAA,EAAoB,SAAU,EAAA;AAAA,YACvC,MAAA,EAAQ,EAAE,kBAAA,EAAoB,SAAU;AAAA,WAC1C;AAAA,UACA,cAAgB,EAAA;AAAA,YACd,IAAA,EAAM,EAAE,SAAA,EAAW,gBAAiB,EAAA;AAAA,YACpC,KAAA,EAAO,EAAE,SAAA,EAAW,kBAAmB,EAAA;AAAA,YACvC,QAAA,EAAU,EAAE,SAAA,EAAW,mBAAoB,EAAA;AAAA,YAC3C,MAAA,EAAQ,EAAE,SAAA,EAAW,gBAAiB;AAAA;AACxC,SACF;AAAA,QACA,SAAW,EAAA;AAAA,UACT,gBAAkB,EAAA,8BAAA;AAAA,UAClB,cAAgB,EAAA,4BAAA;AAAA,UAChB,KAAO,EAAA,eAAA;AAAA,UACP,gBAAkB,EAAA,kCAAA;AAAA,UAClB,cAAgB,EAAA;AAAA,SAClB;AAAA,QACA,UAAY,EAAA;AAAA,UACV,UAAA,EAAY,CAAC,wBAAA,EAA0B,YAAY,CAAA;AAAA,UACnD,QAAA,EAAU,CAAC,sBAAA,EAAwB,YAAY;AAAA,SACjD;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,UAAY,EAAA,SAAA;AAAA,UACZ,KAAO,EAAA,SAAA;AAAA,UACP,IAAM,EAAA,SAAA;AAAA,UACN,iBAAmB,EAAA,SAAA;AAAA,UACnB,OAAS,EAAA,SAAA;AAAA,UACT,oBAAsB,EAAA,SAAA;AAAA,UACtB,OAAS,EAAA;AAAA,YACP,IAAM,EAAA,SAAA;AAAA,YACN,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,OAAS,EAAA,SAAA;AAAA,YACT,UAAY,EAAA;AAAA,WACd;AAAA,UACA,OAAS,EAAA;AAAA,YACP,IAAM,EAAA,SAAA;AAAA,YACN,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,OAAS,EAAA,SAAA;AAAA,YACT,UAAY,EAAA;AAAA,WACd;AAAA,UACA,MAAQ,EAAA;AAAA,YACN,IAAM,EAAA,SAAA;AAAA,YACN,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,OAAS,EAAA,SAAA;AAAA,YACT,UAAY,EAAA;AAAA,WACd;AAAA,UACA,OAAS,EAAA;AAAA,YACP,IAAM,EAAA,SAAA;AAAA,YACN,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,OAAS,EAAA,SAAA;AAAA,YACT,UAAY,EAAA;AAAA,WACd;AAAA,UACA,OAAS,EAAA;AAAA,YACP,IAAM,EAAA,SAAA;AAAA,YACN,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,OAAS,EAAA,SAAA;AAAA,YACT,UAAY,EAAA;AAAA,WACd;AAAA,UACA,KAAO,EAAA;AAAA,YACL,IAAM,EAAA,SAAA;AAAA,YACN,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,OAAS,EAAA,SAAA;AAAA,YACT,UAAY,EAAA;AAAA,WACd;AAAA,UACA,UAAY,EAAA;AAAA,YACV,IAAM,EAAA,SAAA;AAAA,YACN,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,SAAA;AAAA,YACP,OAAS,EAAA,SAAA;AAAA,YACT,UAAY,EAAA;AAAA,WACd;AAAA,UACA,MAAQ,EAAA,SAAA;AAAA,UACR,KAAO,EAAA,SAAA;AAAA,UACP,IAAM,EAAA;AAAA;AACR;AACF;AACF,GACD,CAAA;AACH;;;;"}
+{"version":3,"file":"plugin.js","sources":["../../src/lib/plugin.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin'\n\nexport function handler() {\n  return true\n}\n\nexport function periploTheme() {\n  return plugin(handler, {\n    theme: {\n      extend: {\n        keyframes: {\n          marquee: {\n            from: { transform: \"translateX(0)\" },\n            to: { transform: \"translateX(calc(-100% - var(--gap)))\" },\n          },\n          \"marquee-vertical\": {\n            from: { transform: \"translateY(0)\" },\n            to: { transform: \"translateY(calc(-100% - var(--gap)))\" },\n          },\n          'accordion-down': {\n            from: { height: '0' },\n            to: { height: 'var(--radix-accordion-content-height)' },\n          },\n          'accordion-up': {\n            from: { height: 'var(--radix-accordion-content-height)' },\n            to: { height: '0' },\n          },\n          shine: {\n            '0%': { backgroundPosition: '200% 0' },\n            '100%': { backgroundPosition: '-100% 0' },\n          },\n          'shine-infinite': {\n            '0%': { backgroundPosition: '200% 0' },\n            '10%': { backgroundPosition: '-100% 0' },\n            '100%': { backgroundPosition: '-100% 0' },\n          },\n          'icon-down-up': {\n            '0%': { transform: 'translateY(0%)' },\n            '50%': { transform: 'translateY(100%)' },\n            '50.01%': { transform: 'translateY(-100%)' },\n            '100%': { transform: 'translateY(0%)' },\n          },\n        },\n        animation: {\n          'accordion-down': 'accordion-down 0.2s ease-out',\n          'accordion-up': 'accordion-up 0.2s ease-out',\n          shine: 'shine 1s ease',\n          'shine-infinite': 'shine-infinite 10s ease infinite',\n          'icon-down-up': 'icon-down-up 0.2s ease-out',\n          marquee: \"marquee var(--duration) linear infinite\",\n        \"marquee-vertical\": \"marquee-vertical var(--duration) linear infinite\",\n        },\n        fontFamily: {\n          montserrat: ['var(--font-montserrat)', 'sans-serif'],\n          opensans: ['var(--font-opensans)', 'sans-serif'],\n        },\n        colors: {\n          foreground: '#1D1D1B',\n          white: '#FFFFFF',\n          card: '#F7F7F6',\n          'card-foreground': '#1D1D1B',\n          popover: '#F7F7F6',\n          'popover-foreground': '#1D1D1B',\n          neutral: {\n            '50': '#F7F7F6',\n            '100': '#E4E4E3',\n            '200': '#C9C9C6',\n            '300': '#A7A6A1',\n            '400': '#84837D',\n            '500': '#696963',\n            '600': '#53534E',\n            '700': '#454440',\n            '800': '#393936',\n            '900': '#32322F',\n            '950': '#1D1D1B',\n            DEFAULT: '#696963',\n            foreground: '#F7F7F6',\n          },\n          primary: {\n            '50': '#FFF0DE',\n            '100': '#FFE182',\n            '200': '#FFD685',\n            '300': '#FFCE59',\n            '400': '#FFC92F',\n            '500': '#FBBA00',\n            '600': '#F1A100',\n            '700': '#F8A800',\n            '800': '#FAA100',\n            '900': '#F19700',\n            '950': '#ED8C00',\n            DEFAULT: '#FBBA00',\n            foreground: '#1D1D1B',\n          },\n          accent: {\n            '50': '#FFD5A8',\n            '100': '#FFCC93',\n            '200': '#FFB86A',\n            '300': '#FFA542',\n            '400': '#FF9119',\n            '500': '#F77D00',\n            '600': '#D57000',\n            '700': '#BC6200',\n            '800': '#A35500',\n            '900': '#894800',\n            '950': '#7C4100',\n            DEFAULT: '#F77D00',\n            foreground: '#1D1D1B',\n          },\n          success: {\n            '50': '#F2FBF2',\n            '100': '#E1F8E0',\n            '200': '#C5EFC3',\n            '300': '#90E194',\n            '400': '#5FCB5D',\n            '500': '#2EC03C',\n            '600': '#299128',\n            '700': '#247223',\n            '800': '#215B20',\n            '900': '#1C4B1D',\n            '950': '#0A290B',\n            DEFAULT: '#247223',\n            foreground: '#FFFFFF',\n          },\n          warning: {\n            '50': '#FCF5EE',\n            '100': '#F7E4CE',\n            '200': '#EEC799',\n            '300': '#E6A563',\n            '400': '#DE8334',\n            '500': '#D76929',\n            '600': '#BE4D21',\n            '700': '#9E331F',\n            '800': '#812B1F',\n            '900': '#6B251C',\n            '950': '#3D100B',\n            DEFAULT: '#D76929',\n            foreground: '#FFFFFF',\n          },\n          error: {\n            '50': '#FEF2F2',\n            '100': '#FEE2E2',\n            '200': '#FFC9C9',\n            '300': '#FDA4A4',\n            '400': '#FA6F70',\n            '500': '#F13637',\n            '600': '#DF2324',\n            '700': '#BC191A',\n            '800': '#9B191A',\n            '900': '#811B1C',\n            '950': '#460909',\n            DEFAULT: '#BC191A',\n            foreground: '#FFFFFF',\n          },\n          background: {\n            '50': '#FFFFFF',\n            '100': '#FBFBFB',\n            '200': '#FEF0D6',\n            '300': '#FDE1AE',\n            '400': '#FCD386',\n            '500': '#FBC45F',\n            '600': '#FAB637',\n            '700': '#F9A70F',\n            '800': '#DA8F05',\n            '900': '#B27504',\n            '950': '#9E6804',\n            DEFAULT: '#FBC45F',\n            foreground: '#1D1D1B',\n          },\n          border: '#F7F7F6',\n          input: '#F7F7F6',\n          ring: '#FAB700',\n        },\n      },\n    },\n  })\n}\n"],"names":[],"mappings":"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"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "periplo-ui",
   "description": "IATI UI library",
   "private": false,
-  "version": "3.3.1",
+  "version": "3.5.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",