@deckai/deck-ui 0.0.14 → 0.0.15

package/dist/components/Switch.d.cts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+
+type SwitchProps = React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> & {
+    label?: string;
+    description?: string;
+};
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    label?: string;
+    description?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+
+export { Switch, type SwitchProps };

package/dist/components/Switch.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+
+type SwitchProps = React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> & {
+    label?: string;
+    description?: string;
+};
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    label?: string;
+    description?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+
+export { Switch, type SwitchProps };

package/dist/components/Switch.js

@@ -1,2 +1,2 @@
-import*as t from'react';import*as e from'@radix-ui/react-switch';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';function i(...s){return twMerge(clsx(s))}var n="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var p=t.forwardRef(({className:s,label:o,description:r,...a},c)=>t.createElement("div",{className:"flex items-center gap-2"},t.createElement(e.Root,{className:i("peer inline-flex h-6 w-11 shrink-0 cursor-pointer","items-center rounded-full border-2 border-transparent","transition-colors focus-visible:outline-none",n,"disabled:cursor-not-allowed disabled:opacity-50","data-[state=checked]:bg-primary-50 data-[state=unchecked]:bg-secondary-50",s),...a,ref:c},t.createElement(e.Thumb,{className:i("pointer-events-none block h-5 w-5","rounded-full bg-white shadow-lg ring-0","transition-transform","data-[state=checked]:translate-x-5","data-[state=unchecked]:translate-x-0")})),(o||r)&&t.createElement("div",{className:"flex flex-col"},o&&t.createElement("label",{className:"text-sm font-medium text-text",htmlFor:a.id},o),r&&t.createElement("span",{className:"text-xs text-text-secondary"},r))));p.displayName="Switch";if (exports.default) module.exports = exports.default;export{p as Switch};//# sourceMappingURL=Switch.js.map
+import*as t from'react';import*as e from'@radix-ui/react-switch';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';function i(...s){return twMerge(clsx(s))}var n="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var p=t.forwardRef(({className:s,label:o,description:r,...a},c)=>t.createElement("div",{className:"flex items-center gap-2"},t.createElement(e.Root,{className:i("peer inline-flex h-6 w-11 shrink-0 cursor-pointer","items-center rounded-full border-2 border-transparent","transition-colors focus-visible:outline-none",n,"disabled:cursor-not-allowed disabled:opacity-50","data-[state=checked]:bg-primary-50 data-[state=unchecked]:bg-secondary-50",s),...a,ref:c},t.createElement(e.Thumb,{className:i("pointer-events-none block h-5 w-5","rounded-full bg-white shadow-lg ring-0","transition-transform","data-[state=checked]:translate-x-5","data-[state=unchecked]:translate-x-0")})),(o||r)&&t.createElement("div",{className:"flex flex-col"},o&&t.createElement("label",{className:"text-sm font-medium text-text",htmlFor:a.id},o),r&&t.createElement("span",{className:"text-xs text-text-secondary"},r))));p.displayName="Switch";export{p as Switch};//# sourceMappingURL=Switch.js.map
 //# sourceMappingURL=Switch.js.map

package/dist/components/Tabs.cjs

@@ -6,5 +6,5 @@
           transition-colors duration-200
           disabled:opacity-50 disabled:pointer-events-none
           hover:opacity-80 active:scale-95 
-          truncate`,g,r==="filled"?v[a]:$[a],e),disabled:i||l,type:"button",...p},typeof o=="string"?n__namespace.createElement(d,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},o):o));y.displayName="Button";var C=n__namespace.default.forwardRef(({items:e,defaultValue:r,className:a="",onChange:l,variant:o="default"},i)=>{let[p,c]=n__namespace.default.useState(r||e[0]?.value),b=n.useCallback(t=>{l?.(t),c(t);},[l]);return n__namespace.default.createElement(s__namespace.Root,{defaultValue:r||e[0]?.value,onValueChange:b,className:a},n__namespace.default.createElement(s__namespace.List,{ref:i,className:m("flex",o==="default"?"gap-8 border-b border-stroke mb-4":"gap-4 justify-center flex")},e.map(t=>o==="default"?n__namespace.default.createElement(s__namespace.Trigger,{key:t.value,value:t.value,className:"group relative flex-1 pb-4"},n__namespace.default.createElement(d,{variant:["sm:body-md","body-default-semibold"],color:"secondary",className:"group-data-[state=active]:text-text transition-colors sm:text-inherit"},t.label),n__namespace.default.createElement("div",{className:"absolute bottom-0 left-0 right-0 h-1 bg-primary-100 scale-x-0 group-data-[state=active]:scale-x-100 transition-transform"})):n__namespace.default.createElement(s__namespace.Trigger,{key:t.value,value:t.value,asChild:!0},n__namespace.default.createElement(y,{variant:"filled",color:t.value===p?"black":"secondary",className:"py-3"},t.label)))),e.map(t=>n__namespace.default.createElement(s__namespace.Content,{key:t.value,value:t.value},t.content)))});C.displayName="Tabs";if (exports.default) module.exports = exports.default;exports.Tabs=C;//# sourceMappingURL=Tabs.cjs.map
+          truncate`,g,r==="filled"?v[a]:$[a],e),disabled:i||l,type:"button",...p},typeof o=="string"?n__namespace.createElement(d,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},o):o));y.displayName="Button";var C=n__namespace.default.forwardRef(({items:e,defaultValue:r,className:a="",onChange:l,variant:o="default"},i)=>{let[p,c]=n__namespace.default.useState(r||e[0]?.value),b=n.useCallback(t=>{l?.(t),c(t);},[l]);return n__namespace.default.createElement(s__namespace.Root,{defaultValue:r||e[0]?.value,onValueChange:b,className:a},n__namespace.default.createElement(s__namespace.List,{ref:i,className:m("flex",o==="default"?"gap-8 border-b border-stroke mb-4":"gap-4 justify-center flex")},e.map(t=>o==="default"?n__namespace.default.createElement(s__namespace.Trigger,{key:t.value,value:t.value,className:"group relative flex-1 pb-4"},n__namespace.default.createElement(d,{variant:["sm:body-md","body-default-semibold"],color:"secondary",className:"group-data-[state=active]:text-text transition-colors sm:text-inherit"},t.label),n__namespace.default.createElement("div",{className:"absolute bottom-0 left-0 right-0 h-1 bg-primary-100 scale-x-0 group-data-[state=active]:scale-x-100 transition-transform"})):n__namespace.default.createElement(s__namespace.Trigger,{key:t.value,value:t.value,asChild:!0},n__namespace.default.createElement(y,{variant:"filled",color:t.value===p?"black":"secondary",className:"py-3"},t.label)))),e.map(t=>n__namespace.default.createElement(s__namespace.Content,{key:t.value,value:t.value},t.content)))});C.displayName="Tabs";exports.Tabs=C;//# sourceMappingURL=Tabs.cjs.map
 //# sourceMappingURL=Tabs.cjs.map

package/dist/components/Tabs.d.cts

@@ -0,0 +1,17 @@
+import React__default from 'react';
+
+type TabItem = {
+    value: string;
+    label: string;
+    content: React__default.ReactNode;
+};
+type TabsProps = {
+    items: TabItem[];
+    defaultValue?: string;
+    className?: string;
+    onChange?: (value: string) => void;
+    variant?: "default" | "segmented";
+};
+declare const Tabs: React__default.ForwardRefExoticComponent<TabsProps & React__default.RefAttributes<HTMLDivElement>>;
+
+export { type TabItem, Tabs, type TabsProps };

package/dist/components/Tabs.d.ts

@@ -0,0 +1,17 @@
+import React__default from 'react';
+
+type TabItem = {
+    value: string;
+    label: string;
+    content: React__default.ReactNode;
+};
+type TabsProps = {
+    items: TabItem[];
+    defaultValue?: string;
+    className?: string;
+    onChange?: (value: string) => void;
+    variant?: "default" | "segmented";
+};
+declare const Tabs: React__default.ForwardRefExoticComponent<TabsProps & React__default.RefAttributes<HTMLDivElement>>;
+
+export { type TabItem, Tabs, type TabsProps };

package/dist/components/Tabs.js

@@ -6,5 +6,5 @@ import*as n from'react';import n__default,{useCallback}from'react';import*as s f
           transition-colors duration-200
           disabled:opacity-50 disabled:pointer-events-none
           hover:opacity-80 active:scale-95 
-          truncate`,g,r==="filled"?v[a]:$[a],e),disabled:i||l,type:"button",...p},typeof o=="string"?n.createElement(d,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},o):o));y.displayName="Button";var C=n__default.forwardRef(({items:e,defaultValue:r,className:a="",onChange:l,variant:o="default"},i)=>{let[p,c]=n__default.useState(r||e[0]?.value),b=useCallback(t=>{l?.(t),c(t);},[l]);return n__default.createElement(s.Root,{defaultValue:r||e[0]?.value,onValueChange:b,className:a},n__default.createElement(s.List,{ref:i,className:m("flex",o==="default"?"gap-8 border-b border-stroke mb-4":"gap-4 justify-center flex")},e.map(t=>o==="default"?n__default.createElement(s.Trigger,{key:t.value,value:t.value,className:"group relative flex-1 pb-4"},n__default.createElement(d,{variant:["sm:body-md","body-default-semibold"],color:"secondary",className:"group-data-[state=active]:text-text transition-colors sm:text-inherit"},t.label),n__default.createElement("div",{className:"absolute bottom-0 left-0 right-0 h-1 bg-primary-100 scale-x-0 group-data-[state=active]:scale-x-100 transition-transform"})):n__default.createElement(s.Trigger,{key:t.value,value:t.value,asChild:!0},n__default.createElement(y,{variant:"filled",color:t.value===p?"black":"secondary",className:"py-3"},t.label)))),e.map(t=>n__default.createElement(s.Content,{key:t.value,value:t.value},t.content)))});C.displayName="Tabs";if (exports.default) module.exports = exports.default;export{C as Tabs};//# sourceMappingURL=Tabs.js.map
+          truncate`,g,r==="filled"?v[a]:$[a],e),disabled:i||l,type:"button",...p},typeof o=="string"?n.createElement(d,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},o):o));y.displayName="Button";var C=n__default.forwardRef(({items:e,defaultValue:r,className:a="",onChange:l,variant:o="default"},i)=>{let[p,c]=n__default.useState(r||e[0]?.value),b=useCallback(t=>{l?.(t),c(t);},[l]);return n__default.createElement(s.Root,{defaultValue:r||e[0]?.value,onValueChange:b,className:a},n__default.createElement(s.List,{ref:i,className:m("flex",o==="default"?"gap-8 border-b border-stroke mb-4":"gap-4 justify-center flex")},e.map(t=>o==="default"?n__default.createElement(s.Trigger,{key:t.value,value:t.value,className:"group relative flex-1 pb-4"},n__default.createElement(d,{variant:["sm:body-md","body-default-semibold"],color:"secondary",className:"group-data-[state=active]:text-text transition-colors sm:text-inherit"},t.label),n__default.createElement("div",{className:"absolute bottom-0 left-0 right-0 h-1 bg-primary-100 scale-x-0 group-data-[state=active]:scale-x-100 transition-transform"})):n__default.createElement(s.Trigger,{key:t.value,value:t.value,asChild:!0},n__default.createElement(y,{variant:"filled",color:t.value===p?"black":"secondary",className:"py-3"},t.label)))),e.map(t=>n__default.createElement(s.Content,{key:t.value,value:t.value},t.content)))});C.displayName="Tabs";export{C as Tabs};//# sourceMappingURL=Tabs.js.map
 //# sourceMappingURL=Tabs.js.map

package/dist/components/Tag.cjs

@@ -1,2 +1,2 @@
-'use strict';var m=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),icons=require('@deckai/icons');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var m__default=/*#__PURE__*/_interopDefault(m);var L={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},E=e=>{let[n,r]=e.split("-");return n==="heading"?L[r]||"p":n==="label"?"label":"p"},R={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},$=e=>e?(Array.isArray(e)?e:[e]).map(r=>{if(r.includes(":")){let[t,o]=r.split(":");return `${t}:text-${o}`}return `text-${r}`}).join(" "):"text-body-default",u=m__default.default.forwardRef(({variant:e="body-default",color:n="primary",as:r,className:t,children:o,weight:s,...a},i)=>{let c=$(e),p=n==="inherit"?"text-inherit":`text-text-${n}`,H=m__default.default.useMemo(()=>{let M=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return E(M)},[e]);return m__default.default.createElement(r||H,{ref:i,className:`font-sans antialiased ${c} ${p} ${s?`!${R[s]}`:""} ${t??""}`,...a},o)});u.displayName="Text";var f="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";function l(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var y=m__default.default.forwardRef(({children:e,type:n="button",className:r,disabled:t,...o},s)=>m__default.default.createElement("button",{ref:s,type:n,disabled:t,className:l("appearance-none hover:opacity-80 transition-all active:scale-95",f,t&&"opacity-50 cursor-not-allowed",r),...o},e));y.displayName="Pressable";var b={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888"},C={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},S=e=>{if(!e)return {width:"24px",height:"24px"};let n=Array.isArray(e)?e:[e],r={},t;return n.forEach(o=>{if(typeof o=="number")t=`${o}px`;else {let[s,a]=o.split(":"),i=parseInt(a,10);r[`@media (min-width: ${C[s]})`]=`${i}px`;}}),{width:t||"24px",height:t||"24px",...Object.entries(r).reduce((o,[s,a])=>({...o,[s]:{width:a,height:a}}),{})}},g=m__default.default.forwardRef(({name:e,size:n=24,color:r="primary",title:t,className:o,style:s={},...a},i)=>{let c=icons.IconMap[e],p=S(n);return m__default.default.createElement("div",{className:l("flex justify-center items-center",o),style:{...p,"--icon-stroke":b[r],...s}},m__default.default.createElement(c,{ref:i,"aria-hidden":!t,"aria-label":t,stroke:e.includes("filled")?void 0:b[r],...a}))});g.displayName="Icon";var ne=({children:e,color:n="primary",className:r,onClose:t,...o})=>{let[s,a]=m.useState(!1),i=m.useCallback(()=>{a(!0);},[]),c=m.useCallback(()=>{a(!1);},[]),p=m__default.default.createElement("div",{className:l("flex gap-2",t?"justify-between items-center":"items-center justify-center","hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white",n==="primary"?"text-primary-100":"text-text",r),onMouseEnter:i,onMouseLeave:c},typeof e=="string"?m__default.default.createElement(u,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate pt-0.5"},e):e,t&&m__default.default.createElement(y,{...o,onClick:t,className:"flex items-center justify-center"},m__default.default.createElement(g,{name:"close",size:10,color:s?"white":"primaryBlue"})));return t?p:m__default.default.createElement(y,{...o},p)};if (exports.default) module.exports = exports.default;exports.Tag=ne;//# sourceMappingURL=Tag.cjs.map
+'use strict';var m=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),icons=require('@deckai/icons');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var m__default=/*#__PURE__*/_interopDefault(m);var L={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},E=e=>{let[n,r]=e.split("-");return n==="heading"?L[r]||"p":n==="label"?"label":"p"},R={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},$=e=>e?(Array.isArray(e)?e:[e]).map(r=>{if(r.includes(":")){let[t,o]=r.split(":");return `${t}:text-${o}`}return `text-${r}`}).join(" "):"text-body-default",u=m__default.default.forwardRef(({variant:e="body-default",color:n="primary",as:r,className:t,children:o,weight:s,...a},i)=>{let c=$(e),p=n==="inherit"?"text-inherit":`text-text-${n}`,H=m__default.default.useMemo(()=>{let M=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return E(M)},[e]);return m__default.default.createElement(r||H,{ref:i,className:`font-sans antialiased ${c} ${p} ${s?`!${R[s]}`:""} ${t??""}`,...a},o)});u.displayName="Text";var f="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";function l(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var y=m__default.default.forwardRef(({children:e,type:n="button",className:r,disabled:t,...o},s)=>m__default.default.createElement("button",{ref:s,type:n,disabled:t,className:l("appearance-none hover:opacity-80 transition-all active:scale-95",f,t&&"opacity-50 cursor-not-allowed",r),...o},e));y.displayName="Pressable";var b={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888"},C={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},S=e=>{if(!e)return {width:"24px",height:"24px"};let n=Array.isArray(e)?e:[e],r={},t;return n.forEach(o=>{if(typeof o=="number")t=`${o}px`;else {let[s,a]=o.split(":"),i=parseInt(a,10);r[`@media (min-width: ${C[s]})`]=`${i}px`;}}),{width:t||"24px",height:t||"24px",...Object.entries(r).reduce((o,[s,a])=>({...o,[s]:{width:a,height:a}}),{})}},g=m__default.default.forwardRef(({name:e,size:n=24,color:r="primary",title:t,className:o,style:s={},...a},i)=>{let c=icons.IconMap[e],p=S(n);return m__default.default.createElement("div",{className:l("flex justify-center items-center",o),style:{...p,"--icon-stroke":b[r],...s}},m__default.default.createElement(c,{ref:i,"aria-hidden":!t,"aria-label":t,stroke:e.includes("filled")?void 0:b[r],...a}))});g.displayName="Icon";var ne=({children:e,color:n="primary",className:r,onClose:t,...o})=>{let[s,a]=m.useState(!1),i=m.useCallback(()=>{a(!0);},[]),c=m.useCallback(()=>{a(!1);},[]),p=m__default.default.createElement("div",{className:l("flex gap-2",t?"justify-between items-center":"items-center justify-center","hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white",n==="primary"?"text-primary-100":"text-text",r),onMouseEnter:i,onMouseLeave:c},typeof e=="string"?m__default.default.createElement(u,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate pt-0.5"},e):e,t&&m__default.default.createElement(y,{...o,onClick:t,className:"flex items-center justify-center"},m__default.default.createElement(g,{name:"close",size:10,color:s?"white":"primaryBlue"})));return t?p:m__default.default.createElement(y,{...o},p)};exports.Tag=ne;//# sourceMappingURL=Tag.cjs.map
 //# sourceMappingURL=Tag.cjs.map

package/dist/components/Tag.d.cts

@@ -0,0 +1,12 @@
+import React__default, { HTMLAttributes } from 'react';
+import { PressableProps } from './Pressable.cjs';
+
+type TagProps = {
+    children: React__default.ReactNode;
+    padded?: boolean;
+    color?: "primary" | "text";
+    onClose?: () => void;
+} & HTMLAttributes<HTMLDivElement> & PressableProps;
+declare const Tag: ({ children, color, className, onClose, ...pressableProps }: TagProps) => React__default.JSX.Element;
+
+export { Tag, type TagProps };

package/dist/components/Tag.d.ts

@@ -0,0 +1,12 @@
+import React__default, { HTMLAttributes } from 'react';
+import { PressableProps } from './Pressable.js';
+
+type TagProps = {
+    children: React__default.ReactNode;
+    padded?: boolean;
+    color?: "primary" | "text";
+    onClose?: () => void;
+} & HTMLAttributes<HTMLDivElement> & PressableProps;
+declare const Tag: ({ children, color, className, onClose, ...pressableProps }: TagProps) => React__default.JSX.Element;
+
+export { Tag, type TagProps };

package/dist/components/Tag.js

@@ -1,2 +1,2 @@
-import m,{useState,useCallback}from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {IconMap}from'@deckai/icons';var L={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},E=e=>{let[n,r]=e.split("-");return n==="heading"?L[r]||"p":n==="label"?"label":"p"},R={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},$=e=>e?(Array.isArray(e)?e:[e]).map(r=>{if(r.includes(":")){let[t,o]=r.split(":");return `${t}:text-${o}`}return `text-${r}`}).join(" "):"text-body-default",u=m.forwardRef(({variant:e="body-default",color:n="primary",as:r,className:t,children:o,weight:s,...a},i)=>{let c=$(e),p=n==="inherit"?"text-inherit":`text-text-${n}`,H=m.useMemo(()=>{let M=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return E(M)},[e]);return m.createElement(r||H,{ref:i,className:`font-sans antialiased ${c} ${p} ${s?`!${R[s]}`:""} ${t??""}`,...a},o)});u.displayName="Text";var f="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";function l(...e){return twMerge(clsx(e))}var y=m.forwardRef(({children:e,type:n="button",className:r,disabled:t,...o},s)=>m.createElement("button",{ref:s,type:n,disabled:t,className:l("appearance-none hover:opacity-80 transition-all active:scale-95",f,t&&"opacity-50 cursor-not-allowed",r),...o},e));y.displayName="Pressable";var b={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888"},C={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},S=e=>{if(!e)return {width:"24px",height:"24px"};let n=Array.isArray(e)?e:[e],r={},t;return n.forEach(o=>{if(typeof o=="number")t=`${o}px`;else {let[s,a]=o.split(":"),i=parseInt(a,10);r[`@media (min-width: ${C[s]})`]=`${i}px`;}}),{width:t||"24px",height:t||"24px",...Object.entries(r).reduce((o,[s,a])=>({...o,[s]:{width:a,height:a}}),{})}},g=m.forwardRef(({name:e,size:n=24,color:r="primary",title:t,className:o,style:s={},...a},i)=>{let c=IconMap[e],p=S(n);return m.createElement("div",{className:l("flex justify-center items-center",o),style:{...p,"--icon-stroke":b[r],...s}},m.createElement(c,{ref:i,"aria-hidden":!t,"aria-label":t,stroke:e.includes("filled")?void 0:b[r],...a}))});g.displayName="Icon";var ne=({children:e,color:n="primary",className:r,onClose:t,...o})=>{let[s,a]=useState(!1),i=useCallback(()=>{a(!0);},[]),c=useCallback(()=>{a(!1);},[]),p=m.createElement("div",{className:l("flex gap-2",t?"justify-between items-center":"items-center justify-center","hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white",n==="primary"?"text-primary-100":"text-text",r),onMouseEnter:i,onMouseLeave:c},typeof e=="string"?m.createElement(u,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate pt-0.5"},e):e,t&&m.createElement(y,{...o,onClick:t,className:"flex items-center justify-center"},m.createElement(g,{name:"close",size:10,color:s?"white":"primaryBlue"})));return t?p:m.createElement(y,{...o},p)};if (exports.default) module.exports = exports.default;export{ne as Tag};//# sourceMappingURL=Tag.js.map
+import m,{useState,useCallback}from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {IconMap}from'@deckai/icons';var L={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},E=e=>{let[n,r]=e.split("-");return n==="heading"?L[r]||"p":n==="label"?"label":"p"},R={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},$=e=>e?(Array.isArray(e)?e:[e]).map(r=>{if(r.includes(":")){let[t,o]=r.split(":");return `${t}:text-${o}`}return `text-${r}`}).join(" "):"text-body-default",u=m.forwardRef(({variant:e="body-default",color:n="primary",as:r,className:t,children:o,weight:s,...a},i)=>{let c=$(e),p=n==="inherit"?"text-inherit":`text-text-${n}`,H=m.useMemo(()=>{let M=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return E(M)},[e]);return m.createElement(r||H,{ref:i,className:`font-sans antialiased ${c} ${p} ${s?`!${R[s]}`:""} ${t??""}`,...a},o)});u.displayName="Text";var f="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";function l(...e){return twMerge(clsx(e))}var y=m.forwardRef(({children:e,type:n="button",className:r,disabled:t,...o},s)=>m.createElement("button",{ref:s,type:n,disabled:t,className:l("appearance-none hover:opacity-80 transition-all active:scale-95",f,t&&"opacity-50 cursor-not-allowed",r),...o},e));y.displayName="Pressable";var b={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888"},C={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},S=e=>{if(!e)return {width:"24px",height:"24px"};let n=Array.isArray(e)?e:[e],r={},t;return n.forEach(o=>{if(typeof o=="number")t=`${o}px`;else {let[s,a]=o.split(":"),i=parseInt(a,10);r[`@media (min-width: ${C[s]})`]=`${i}px`;}}),{width:t||"24px",height:t||"24px",...Object.entries(r).reduce((o,[s,a])=>({...o,[s]:{width:a,height:a}}),{})}},g=m.forwardRef(({name:e,size:n=24,color:r="primary",title:t,className:o,style:s={},...a},i)=>{let c=IconMap[e],p=S(n);return m.createElement("div",{className:l("flex justify-center items-center",o),style:{...p,"--icon-stroke":b[r],...s}},m.createElement(c,{ref:i,"aria-hidden":!t,"aria-label":t,stroke:e.includes("filled")?void 0:b[r],...a}))});g.displayName="Icon";var ne=({children:e,color:n="primary",className:r,onClose:t,...o})=>{let[s,a]=useState(!1),i=useCallback(()=>{a(!0);},[]),c=useCallback(()=>{a(!1);},[]),p=m.createElement("div",{className:l("flex gap-2",t?"justify-between items-center":"items-center justify-center","hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white",n==="primary"?"text-primary-100":"text-text",r),onMouseEnter:i,onMouseLeave:c},typeof e=="string"?m.createElement(u,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate pt-0.5"},e):e,t&&m.createElement(y,{...o,onClick:t,className:"flex items-center justify-center"},m.createElement(g,{name:"close",size:10,color:s?"white":"primaryBlue"})));return t?p:m.createElement(y,{...o},p)};export{ne as Tag};//# sourceMappingURL=Tag.js.map
 //# sourceMappingURL=Tag.js.map

package/dist/components/Text.cjs

@@ -1,2 +1,2 @@
-'use strict';var o=require('react');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var o__default=/*#__PURE__*/_interopDefault(o);var H={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},g=e=>{let[n,t]=e.split("-");return n==="heading"?H[t]||"p":n==="label"?"label":"p"},h={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},M=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[r,a]=t.split(":");return `${r}:text-${a}`}return `text-${t}`}).join(" "):"text-body-default",L=o__default.default.forwardRef(({variant:e="body-default",color:n="primary",as:t,className:r,children:a,weight:l,...s},p)=>{let T=M(e),i=n==="inherit"?"text-inherit":`text-text-${n}`,m=o__default.default.useMemo(()=>{let y=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return g(y)},[e]);return o__default.default.createElement(t||m,{ref:p,className:`font-sans antialiased ${T} ${i} ${l?`!${h[l]}`:""} ${r??""}`,...s},a)});L.displayName="Text";if (exports.default) module.exports = exports.default;exports.Text=L;//# sourceMappingURL=Text.cjs.map
+'use strict';var o=require('react');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var o__default=/*#__PURE__*/_interopDefault(o);var H={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},g=e=>{let[n,t]=e.split("-");return n==="heading"?H[t]||"p":n==="label"?"label":"p"},h={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},M=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[r,a]=t.split(":");return `${r}:text-${a}`}return `text-${t}`}).join(" "):"text-body-default",L=o__default.default.forwardRef(({variant:e="body-default",color:n="primary",as:t,className:r,children:a,weight:l,...s},p)=>{let T=M(e),i=n==="inherit"?"text-inherit":`text-text-${n}`,m=o__default.default.useMemo(()=>{let y=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return g(y)},[e]);return o__default.default.createElement(t||m,{ref:p,className:`font-sans antialiased ${T} ${i} ${l?`!${h[l]}`:""} ${r??""}`,...s},a)});L.displayName="Text";exports.Text=L;//# sourceMappingURL=Text.cjs.map
 //# sourceMappingURL=Text.cjs.map

package/dist/components/Text.d.cts

@@ -0,0 +1,42 @@
+import React__default from 'react';
+import { T as Typography } from '../tailwind-CuJn6tv4.cjs';
+
+type TextElement = "p" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "strong" | "em" | "blockquote" | "pre" | "code" | "small" | "label" | "a";
+type HTMLPropsMap = {
+    p: React__default.HTMLAttributes<HTMLParagraphElement>;
+    span: React__default.HTMLAttributes<HTMLSpanElement>;
+    h1: React__default.HTMLAttributes<HTMLHeadingElement>;
+    h2: React__default.HTMLAttributes<HTMLHeadingElement>;
+    h3: React__default.HTMLAttributes<HTMLHeadingElement>;
+    h4: React__default.HTMLAttributes<HTMLHeadingElement>;
+    h5: React__default.HTMLAttributes<HTMLHeadingElement>;
+    h6: React__default.HTMLAttributes<HTMLHeadingElement>;
+    strong: React__default.HTMLAttributes<HTMLElement>;
+    em: React__default.HTMLAttributes<HTMLElement>;
+    blockquote: React__default.HTMLAttributes<HTMLQuoteElement>;
+    pre: React__default.HTMLAttributes<HTMLPreElement>;
+    code: React__default.HTMLAttributes<HTMLElement>;
+    small: React__default.HTMLAttributes<HTMLElement>;
+    label: React__default.LabelHTMLAttributes<HTMLLabelElement>;
+    a: Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, "color">;
+};
+type TextColor = "primary" | "secondary" | "white" | "primary-blue" | "disabled" | "danger" | "inherit";
+type Weight = "light" | "regular" | "semibold" | "bold";
+type Breakpoint = "sm" | "md" | "lg" | "xl" | "2xl";
+type ResponsiveVariant = TypographyKey | `${Breakpoint}:${TypographyKey}`;
+type TypographyCategory = keyof Typography;
+type TypographyValue<T extends TypographyCategory> = Extract<keyof Typography[T], string | number | bigint | boolean | null | undefined>;
+type TypographyKey = {
+    [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;
+}[TypographyCategory];
+type TextProps<T extends TextElement = "p"> = {
+    variant?: ResponsiveVariant | ResponsiveVariant[];
+    color?: TextColor;
+    as?: T;
+    className?: string;
+    children: React__default.ReactNode;
+    weight?: Weight;
+} & HTMLPropsMap[T];
+declare const Text: React__default.ForwardRefExoticComponent<TextProps<TextElement> & React__default.RefAttributes<HTMLElement | HTMLLabelElement | HTMLParagraphElement | HTMLSpanElement | HTMLHeadingElement | HTMLQuoteElement | HTMLPreElement | HTMLAnchorElement>>;
+
+export { Text, type TextProps };

package/dist/components/Text.d.ts

@@ -0,0 +1,42 @@
+import React__default from 'react';
+import { T as Typography } from '../tailwind-CuJn6tv4.js';
+
+type TextElement = "p" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "strong" | "em" | "blockquote" | "pre" | "code" | "small" | "label" | "a";
+type HTMLPropsMap = {
+    p: React__default.HTMLAttributes<HTMLParagraphElement>;
+    span: React__default.HTMLAttributes<HTMLSpanElement>;
+    h1: React__default.HTMLAttributes<HTMLHeadingElement>;
+    h2: React__default.HTMLAttributes<HTMLHeadingElement>;
+    h3: React__default.HTMLAttributes<HTMLHeadingElement>;
+    h4: React__default.HTMLAttributes<HTMLHeadingElement>;
+    h5: React__default.HTMLAttributes<HTMLHeadingElement>;
+    h6: React__default.HTMLAttributes<HTMLHeadingElement>;
+    strong: React__default.HTMLAttributes<HTMLElement>;
+    em: React__default.HTMLAttributes<HTMLElement>;
+    blockquote: React__default.HTMLAttributes<HTMLQuoteElement>;
+    pre: React__default.HTMLAttributes<HTMLPreElement>;
+    code: React__default.HTMLAttributes<HTMLElement>;
+    small: React__default.HTMLAttributes<HTMLElement>;
+    label: React__default.LabelHTMLAttributes<HTMLLabelElement>;
+    a: Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, "color">;
+};
+type TextColor = "primary" | "secondary" | "white" | "primary-blue" | "disabled" | "danger" | "inherit";
+type Weight = "light" | "regular" | "semibold" | "bold";
+type Breakpoint = "sm" | "md" | "lg" | "xl" | "2xl";
+type ResponsiveVariant = TypographyKey | `${Breakpoint}:${TypographyKey}`;
+type TypographyCategory = keyof Typography;
+type TypographyValue<T extends TypographyCategory> = Extract<keyof Typography[T], string | number | bigint | boolean | null | undefined>;
+type TypographyKey = {
+    [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;
+}[TypographyCategory];
+type TextProps<T extends TextElement = "p"> = {
+    variant?: ResponsiveVariant | ResponsiveVariant[];
+    color?: TextColor;
+    as?: T;
+    className?: string;
+    children: React__default.ReactNode;
+    weight?: Weight;
+} & HTMLPropsMap[T];
+declare const Text: React__default.ForwardRefExoticComponent<TextProps<TextElement> & React__default.RefAttributes<HTMLElement | HTMLLabelElement | HTMLParagraphElement | HTMLSpanElement | HTMLHeadingElement | HTMLQuoteElement | HTMLPreElement | HTMLAnchorElement>>;
+
+export { Text, type TextProps };

package/dist/components/Text.js

@@ -1,2 +1,2 @@
-import o from'react';var H={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},g=e=>{let[n,t]=e.split("-");return n==="heading"?H[t]||"p":n==="label"?"label":"p"},h={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},M=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[r,a]=t.split(":");return `${r}:text-${a}`}return `text-${t}`}).join(" "):"text-body-default",L=o.forwardRef(({variant:e="body-default",color:n="primary",as:t,className:r,children:a,weight:l,...s},p)=>{let T=M(e),i=n==="inherit"?"text-inherit":`text-text-${n}`,m=o.useMemo(()=>{let y=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return g(y)},[e]);return o.createElement(t||m,{ref:p,className:`font-sans antialiased ${T} ${i} ${l?`!${h[l]}`:""} ${r??""}`,...s},a)});L.displayName="Text";if (exports.default) module.exports = exports.default;export{L as Text};//# sourceMappingURL=Text.js.map
+import o from'react';var H={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},g=e=>{let[n,t]=e.split("-");return n==="heading"?H[t]||"p":n==="label"?"label":"p"},h={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},M=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[r,a]=t.split(":");return `${r}:text-${a}`}return `text-${t}`}).join(" "):"text-body-default",L=o.forwardRef(({variant:e="body-default",color:n="primary",as:t,className:r,children:a,weight:l,...s},p)=>{let T=M(e),i=n==="inherit"?"text-inherit":`text-text-${n}`,m=o.useMemo(()=>{let y=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return g(y)},[e]);return o.createElement(t||m,{ref:p,className:`font-sans antialiased ${T} ${i} ${l?`!${h[l]}`:""} ${r??""}`,...s},a)});L.displayName="Text";export{L as Text};//# sourceMappingURL=Text.js.map
 //# sourceMappingURL=Text.js.map

package/dist/components/TextArea.cjs

@@ -1,2 +1,2 @@
-'use strict';var t=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var t__namespace=/*#__PURE__*/_interopNamespace(t);function y(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var b="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var L={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},$=e=>{let[r,a]=e.split("-");return r==="heading"?L[a]||"p":r==="label"?"label":"p"},R={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},A=e=>e?(Array.isArray(e)?e:[e]).map(a=>{if(a.includes(":")){let[o,s]=a.split(":");return `${o}:text-${s}`}return `text-${a}`}).join(" "):"text-body-default",l=t__namespace.default.forwardRef(({variant:e="body-default",color:r="primary",as:a,className:o,children:s,weight:n,...i},p)=>{let c=A(e),T=r==="inherit"?"text-inherit":`text-text-${r}`,g=t__namespace.default.useMemo(()=>{let m=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return $(m)},[e]);return t__namespace.default.createElement(a||g,{ref:p,className:`font-sans antialiased ${c} ${T} ${n?`!${R[n]}`:""} ${o??""}`,...i},s)});l.displayName="Text";var O=({className:e,label:r,labelClassName:a,helperText:o,showCharacterCount:s,maxLength:n,id:i,value:p="",defaultValue:c,...T})=>{let[g,u]=t__namespace.useState(p?.toString()||c?.toString()||""),m=d=>{let M=d.target.value;u(M),T.onChange?.(d);},H=g.length,f=s||!!n;return t__namespace.createElement(t__namespace.Fragment,null,r&&t__namespace.createElement(l,{variant:"label-default",htmlFor:i,as:"label",className:y(a)},r),t__namespace.createElement("div",{className:"relative"},t__namespace.createElement("textarea",{id:i,value:p,defaultValue:c,maxLength:n,onChange:m,className:y(`min-h-[80px] w-full resize-y rounded-lg border border-secondary-50 bg-background-0 px-3 py-2 font-sans text-text placeholder:text-secondary ${b} disabled:cursor-not-allowed disabled:opacity-50`,e),...T}),t__namespace.createElement("div",{className:"flex justify-between gap-2"},o&&t__namespace.createElement(l,{variant:"label-default",color:"danger"},o),f&&t__namespace.createElement(l,{variant:"label-default",color:"secondary",className:"text-right self-end"},H,n&&`/${n}`," characters"))))};if (exports.default) module.exports = exports.default;exports.TextArea=O;//# sourceMappingURL=TextArea.cjs.map
+'use strict';var t=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var t__namespace=/*#__PURE__*/_interopNamespace(t);function y(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var b="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var L={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},$=e=>{let[r,a]=e.split("-");return r==="heading"?L[a]||"p":r==="label"?"label":"p"},R={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},A=e=>e?(Array.isArray(e)?e:[e]).map(a=>{if(a.includes(":")){let[o,s]=a.split(":");return `${o}:text-${s}`}return `text-${a}`}).join(" "):"text-body-default",l=t__namespace.default.forwardRef(({variant:e="body-default",color:r="primary",as:a,className:o,children:s,weight:n,...i},p)=>{let c=A(e),T=r==="inherit"?"text-inherit":`text-text-${r}`,g=t__namespace.default.useMemo(()=>{let m=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return $(m)},[e]);return t__namespace.default.createElement(a||g,{ref:p,className:`font-sans antialiased ${c} ${T} ${n?`!${R[n]}`:""} ${o??""}`,...i},s)});l.displayName="Text";var O=({className:e,label:r,labelClassName:a,helperText:o,showCharacterCount:s,maxLength:n,id:i,value:p="",defaultValue:c,...T})=>{let[g,u]=t__namespace.useState(p?.toString()||c?.toString()||""),m=d=>{let M=d.target.value;u(M),T.onChange?.(d);},H=g.length,f=s||!!n;return t__namespace.createElement(t__namespace.Fragment,null,r&&t__namespace.createElement(l,{variant:"label-default",htmlFor:i,as:"label",className:y(a)},r),t__namespace.createElement("div",{className:"relative"},t__namespace.createElement("textarea",{id:i,value:p,defaultValue:c,maxLength:n,onChange:m,className:y(`min-h-[80px] w-full resize-y rounded-lg border border-secondary-50 bg-background-0 px-3 py-2 font-sans text-text placeholder:text-secondary ${b} disabled:cursor-not-allowed disabled:opacity-50`,e),...T}),t__namespace.createElement("div",{className:"flex justify-between gap-2"},o&&t__namespace.createElement(l,{variant:"label-default",color:"danger"},o),f&&t__namespace.createElement(l,{variant:"label-default",color:"secondary",className:"text-right self-end"},H,n&&`/${n}`," characters"))))};exports.TextArea=O;//# sourceMappingURL=TextArea.cjs.map
 //# sourceMappingURL=TextArea.cjs.map

package/dist/components/TextArea.d.cts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+type TextAreaProps = {
+    /** Additional classes for the container */
+    className?: string;
+    /** Label text for the textarea */
+    label?: string;
+    /** Additional classes for the label */
+    labelClassName?: string;
+    /** Helper text displayed below the textarea */
+    helperText?: string;
+    /** Character count display */
+    showCharacterCount?: boolean;
+    /** Maximum number of characters */
+    maxLength?: number;
+} & React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+declare const TextArea: ({ className, label, labelClassName, helperText, showCharacterCount, maxLength, id, value, defaultValue, ...props }: TextAreaProps) => React.JSX.Element;
+
+export { TextArea, type TextAreaProps };

package/dist/components/TextArea.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+type TextAreaProps = {
+    /** Additional classes for the container */
+    className?: string;
+    /** Label text for the textarea */
+    label?: string;
+    /** Additional classes for the label */
+    labelClassName?: string;
+    /** Helper text displayed below the textarea */
+    helperText?: string;
+    /** Character count display */
+    showCharacterCount?: boolean;
+    /** Maximum number of characters */
+    maxLength?: number;
+} & React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+declare const TextArea: ({ className, label, labelClassName, helperText, showCharacterCount, maxLength, id, value, defaultValue, ...props }: TextAreaProps) => React.JSX.Element;
+
+export { TextArea, type TextAreaProps };

package/dist/components/TextArea.js

@@ -1,2 +1,2 @@
-import*as t from'react';import t__default from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';function y(...e){return twMerge(clsx(e))}var b="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var L={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},$=e=>{let[r,a]=e.split("-");return r==="heading"?L[a]||"p":r==="label"?"label":"p"},R={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},A=e=>e?(Array.isArray(e)?e:[e]).map(a=>{if(a.includes(":")){let[o,s]=a.split(":");return `${o}:text-${s}`}return `text-${a}`}).join(" "):"text-body-default",l=t__default.forwardRef(({variant:e="body-default",color:r="primary",as:a,className:o,children:s,weight:n,...i},p)=>{let c=A(e),T=r==="inherit"?"text-inherit":`text-text-${r}`,g=t__default.useMemo(()=>{let m=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return $(m)},[e]);return t__default.createElement(a||g,{ref:p,className:`font-sans antialiased ${c} ${T} ${n?`!${R[n]}`:""} ${o??""}`,...i},s)});l.displayName="Text";var O=({className:e,label:r,labelClassName:a,helperText:o,showCharacterCount:s,maxLength:n,id:i,value:p="",defaultValue:c,...T})=>{let[g,u]=t.useState(p?.toString()||c?.toString()||""),m=d=>{let M=d.target.value;u(M),T.onChange?.(d);},H=g.length,f=s||!!n;return t.createElement(t.Fragment,null,r&&t.createElement(l,{variant:"label-default",htmlFor:i,as:"label",className:y(a)},r),t.createElement("div",{className:"relative"},t.createElement("textarea",{id:i,value:p,defaultValue:c,maxLength:n,onChange:m,className:y(`min-h-[80px] w-full resize-y rounded-lg border border-secondary-50 bg-background-0 px-3 py-2 font-sans text-text placeholder:text-secondary ${b} disabled:cursor-not-allowed disabled:opacity-50`,e),...T}),t.createElement("div",{className:"flex justify-between gap-2"},o&&t.createElement(l,{variant:"label-default",color:"danger"},o),f&&t.createElement(l,{variant:"label-default",color:"secondary",className:"text-right self-end"},H,n&&`/${n}`," characters"))))};if (exports.default) module.exports = exports.default;export{O as TextArea};//# sourceMappingURL=TextArea.js.map
+import*as t from'react';import t__default from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';function y(...e){return twMerge(clsx(e))}var b="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var L={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},$=e=>{let[r,a]=e.split("-");return r==="heading"?L[a]||"p":r==="label"?"label":"p"},R={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},A=e=>e?(Array.isArray(e)?e:[e]).map(a=>{if(a.includes(":")){let[o,s]=a.split(":");return `${o}:text-${s}`}return `text-${a}`}).join(" "):"text-body-default",l=t__default.forwardRef(({variant:e="body-default",color:r="primary",as:a,className:o,children:s,weight:n,...i},p)=>{let c=A(e),T=r==="inherit"?"text-inherit":`text-text-${r}`,g=t__default.useMemo(()=>{let m=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return $(m)},[e]);return t__default.createElement(a||g,{ref:p,className:`font-sans antialiased ${c} ${T} ${n?`!${R[n]}`:""} ${o??""}`,...i},s)});l.displayName="Text";var O=({className:e,label:r,labelClassName:a,helperText:o,showCharacterCount:s,maxLength:n,id:i,value:p="",defaultValue:c,...T})=>{let[g,u]=t.useState(p?.toString()||c?.toString()||""),m=d=>{let M=d.target.value;u(M),T.onChange?.(d);},H=g.length,f=s||!!n;return t.createElement(t.Fragment,null,r&&t.createElement(l,{variant:"label-default",htmlFor:i,as:"label",className:y(a)},r),t.createElement("div",{className:"relative"},t.createElement("textarea",{id:i,value:p,defaultValue:c,maxLength:n,onChange:m,className:y(`min-h-[80px] w-full resize-y rounded-lg border border-secondary-50 bg-background-0 px-3 py-2 font-sans text-text placeholder:text-secondary ${b} disabled:cursor-not-allowed disabled:opacity-50`,e),...T}),t.createElement("div",{className:"flex justify-between gap-2"},o&&t.createElement(l,{variant:"label-default",color:"danger"},o),f&&t.createElement(l,{variant:"label-default",color:"secondary",className:"text-right self-end"},H,n&&`/${n}`," characters"))))};export{O as TextArea};//# sourceMappingURL=TextArea.js.map
 //# sourceMappingURL=TextArea.js.map

package/dist/components/Toast.cjs

@@ -6,5 +6,5 @@
           transition-colors duration-200
           disabled:opacity-50 disabled:pointer-events-none
           hover:opacity-80 active:scale-95 
-          truncate`,M,a==="filled"?w[t]:S[t],e),disabled:i||n,type:"button",...s},typeof r=="string"?o__namespace.createElement(d,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},r):r));b.displayName="Button";var B={default:{icon:"information",className:"bg-gray-900 text-white"},success:{icon:"check",className:"bg-green-600 text-white"},error:{icon:"danger",className:"bg-tertiary-10 text-white"},warning:{icon:"warning-2",className:"bg-tertiary-20 text-white"}},V=o__namespace.forwardRef(({title:e,message:a,action:t,variant:n="default",duration:r=5e3,className:i,onOpenChange:s,...p},g)=>{let c=B[n],u=o__namespace.useCallback(x=>{s?.(x);},[s]);return o__namespace.createElement(l__namespace.Root,{ref:g,onOpenChange:u,duration:r,className:m("group pointer-events-auto relative flex w-full gap-4 rounded-lg p-4","shadow-lg","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0","data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-right-full",c.className,i),...p},o__namespace.createElement(T,{name:c.icon,className:"h-5 w-5 shrink-0",color:"white"}),o__namespace.createElement("div",{className:"flex-1 gap-2"},e&&o__namespace.createElement(l__namespace.Title,{asChild:!0},o__namespace.createElement(d,{variant:"body-default-bold",color:"inherit"},e)),o__namespace.createElement(l__namespace.Description,{asChild:!0},o__namespace.createElement(d,{variant:"body-xs-medium",color:"inherit"},a))),o__namespace.createElement("div",{className:"flex gap-2"},t&&o__namespace.createElement(l__namespace.Action,{asChild:!0,altText:t.label},o__namespace.createElement("div",null,o__namespace.createElement(b,{variant:"outlined",color:"black",className:"border-white text-white hover:bg-white/10 ml-auto",onClick:t.onClick},t.label))),o__namespace.createElement(l__namespace.Close,{className:"p-2 hover:bg-white/10","aria-label":"Close"},o__namespace.createElement(T,{name:"close",size:16,color:"white"}))))});V.displayName="Toast";if (exports.default) module.exports = exports.default;exports.Toast=V;//# sourceMappingURL=Toast.cjs.map
+          truncate`,M,a==="filled"?w[t]:S[t],e),disabled:i||n,type:"button",...s},typeof r=="string"?o__namespace.createElement(d,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},r):r));b.displayName="Button";var B={default:{icon:"information",className:"bg-gray-900 text-white"},success:{icon:"check",className:"bg-green-600 text-white"},error:{icon:"danger",className:"bg-tertiary-10 text-white"},warning:{icon:"warning-2",className:"bg-tertiary-20 text-white"}},V=o__namespace.forwardRef(({title:e,message:a,action:t,variant:n="default",duration:r=5e3,className:i,onOpenChange:s,...p},g)=>{let c=B[n],u=o__namespace.useCallback(x=>{s?.(x);},[s]);return o__namespace.createElement(l__namespace.Root,{ref:g,onOpenChange:u,duration:r,className:m("group pointer-events-auto relative flex w-full gap-4 rounded-lg p-4","shadow-lg","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0","data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-right-full",c.className,i),...p},o__namespace.createElement(T,{name:c.icon,className:"h-5 w-5 shrink-0",color:"white"}),o__namespace.createElement("div",{className:"flex-1 gap-2"},e&&o__namespace.createElement(l__namespace.Title,{asChild:!0},o__namespace.createElement(d,{variant:"body-default-bold",color:"inherit"},e)),o__namespace.createElement(l__namespace.Description,{asChild:!0},o__namespace.createElement(d,{variant:"body-xs-medium",color:"inherit"},a))),o__namespace.createElement("div",{className:"flex gap-2"},t&&o__namespace.createElement(l__namespace.Action,{asChild:!0,altText:t.label},o__namespace.createElement("div",null,o__namespace.createElement(b,{variant:"outlined",color:"black",className:"border-white text-white hover:bg-white/10 ml-auto",onClick:t.onClick},t.label))),o__namespace.createElement(l__namespace.Close,{className:"p-2 hover:bg-white/10","aria-label":"Close"},o__namespace.createElement(T,{name:"close",size:16,color:"white"}))))});V.displayName="Toast";exports.Toast=V;//# sourceMappingURL=Toast.cjs.map
 //# sourceMappingURL=Toast.cjs.map

package/dist/components/Toast.d.cts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import * as ToastPrimitive from '@radix-ui/react-toast';
+
+type ToastProps = ToastPrimitive.ToastProps & {
+    /** Optional title for the toast */
+    title?: string;
+    /** Main message content */
+    message: string;
+    /** Optional action button configuration */
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    /** Optional variant to change the visual style */
+    variant?: "default" | "success" | "error" | "warning";
+    /** Optional className for custom styling */
+    className?: string;
+};
+declare const Toast: React.ForwardRefExoticComponent<ToastPrimitive.ToastProps & {
+    /** Optional title for the toast */
+    title?: string;
+    /** Main message content */
+    message: string;
+    /** Optional action button configuration */
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    /** Optional variant to change the visual style */
+    variant?: "default" | "success" | "error" | "warning";
+    /** Optional className for custom styling */
+    className?: string;
+} & React.RefAttributes<HTMLLIElement>>;
+
+export { Toast, type ToastProps };

package/dist/components/Toast.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import * as ToastPrimitive from '@radix-ui/react-toast';
+
+type ToastProps = ToastPrimitive.ToastProps & {
+    /** Optional title for the toast */
+    title?: string;
+    /** Main message content */
+    message: string;
+    /** Optional action button configuration */
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    /** Optional variant to change the visual style */
+    variant?: "default" | "success" | "error" | "warning";
+    /** Optional className for custom styling */
+    className?: string;
+};
+declare const Toast: React.ForwardRefExoticComponent<ToastPrimitive.ToastProps & {
+    /** Optional title for the toast */
+    title?: string;
+    /** Main message content */
+    message: string;
+    /** Optional action button configuration */
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    /** Optional variant to change the visual style */
+    variant?: "default" | "success" | "error" | "warning";
+    /** Optional className for custom styling */
+    className?: string;
+} & React.RefAttributes<HTMLLIElement>>;
+
+export { Toast, type ToastProps };

package/dist/components/Toast.js

@@ -6,5 +6,5 @@ import*as o from'react';import o__default from'react';import*as l from'@radix-ui
           transition-colors duration-200
           disabled:opacity-50 disabled:pointer-events-none
           hover:opacity-80 active:scale-95 
-          truncate`,M,a==="filled"?w[t]:S[t],e),disabled:i||n,type:"button",...s},typeof r=="string"?o.createElement(d,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},r):r));b.displayName="Button";var B={default:{icon:"information",className:"bg-gray-900 text-white"},success:{icon:"check",className:"bg-green-600 text-white"},error:{icon:"danger",className:"bg-tertiary-10 text-white"},warning:{icon:"warning-2",className:"bg-tertiary-20 text-white"}},V=o.forwardRef(({title:e,message:a,action:t,variant:n="default",duration:r=5e3,className:i,onOpenChange:s,...p},g)=>{let c=B[n],u=o.useCallback(x=>{s?.(x);},[s]);return o.createElement(l.Root,{ref:g,onOpenChange:u,duration:r,className:m("group pointer-events-auto relative flex w-full gap-4 rounded-lg p-4","shadow-lg","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0","data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-right-full",c.className,i),...p},o.createElement(T,{name:c.icon,className:"h-5 w-5 shrink-0",color:"white"}),o.createElement("div",{className:"flex-1 gap-2"},e&&o.createElement(l.Title,{asChild:!0},o.createElement(d,{variant:"body-default-bold",color:"inherit"},e)),o.createElement(l.Description,{asChild:!0},o.createElement(d,{variant:"body-xs-medium",color:"inherit"},a))),o.createElement("div",{className:"flex gap-2"},t&&o.createElement(l.Action,{asChild:!0,altText:t.label},o.createElement("div",null,o.createElement(b,{variant:"outlined",color:"black",className:"border-white text-white hover:bg-white/10 ml-auto",onClick:t.onClick},t.label))),o.createElement(l.Close,{className:"p-2 hover:bg-white/10","aria-label":"Close"},o.createElement(T,{name:"close",size:16,color:"white"}))))});V.displayName="Toast";if (exports.default) module.exports = exports.default;export{V as Toast};//# sourceMappingURL=Toast.js.map
+          truncate`,M,a==="filled"?w[t]:S[t],e),disabled:i||n,type:"button",...s},typeof r=="string"?o.createElement(d,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},r):r));b.displayName="Button";var B={default:{icon:"information",className:"bg-gray-900 text-white"},success:{icon:"check",className:"bg-green-600 text-white"},error:{icon:"danger",className:"bg-tertiary-10 text-white"},warning:{icon:"warning-2",className:"bg-tertiary-20 text-white"}},V=o.forwardRef(({title:e,message:a,action:t,variant:n="default",duration:r=5e3,className:i,onOpenChange:s,...p},g)=>{let c=B[n],u=o.useCallback(x=>{s?.(x);},[s]);return o.createElement(l.Root,{ref:g,onOpenChange:u,duration:r,className:m("group pointer-events-auto relative flex w-full gap-4 rounded-lg p-4","shadow-lg","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0","data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-right-full",c.className,i),...p},o.createElement(T,{name:c.icon,className:"h-5 w-5 shrink-0",color:"white"}),o.createElement("div",{className:"flex-1 gap-2"},e&&o.createElement(l.Title,{asChild:!0},o.createElement(d,{variant:"body-default-bold",color:"inherit"},e)),o.createElement(l.Description,{asChild:!0},o.createElement(d,{variant:"body-xs-medium",color:"inherit"},a))),o.createElement("div",{className:"flex gap-2"},t&&o.createElement(l.Action,{asChild:!0,altText:t.label},o.createElement("div",null,o.createElement(b,{variant:"outlined",color:"black",className:"border-white text-white hover:bg-white/10 ml-auto",onClick:t.onClick},t.label))),o.createElement(l.Close,{className:"p-2 hover:bg-white/10","aria-label":"Close"},o.createElement(T,{name:"close",size:16,color:"white"}))))});V.displayName="Toast";export{V as Toast};//# sourceMappingURL=Toast.js.map
 //# sourceMappingURL=Toast.js.map

package/dist/components/ToastProvider.cjs

@@ -1,2 +1,2 @@
-'use strict';var e=require('react'),r=require('@radix-ui/react-toast');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var e__namespace=/*#__PURE__*/_interopNamespace(e);var r__namespace=/*#__PURE__*/_interopNamespace(r);var t=({children:o})=>e__namespace.createElement(r__namespace.Provider,null,o,e__namespace.createElement(r__namespace.Viewport,{className:"fixed bottom-0 right-0 z-[100] m-6 flex max-h-screen w-full flex-col-reverse gap-2 sm:max-w-[420px]"}));if (exports.default) module.exports = exports.default;exports.ToastProvider=t;//# sourceMappingURL=ToastProvider.cjs.map
+'use strict';var e=require('react'),r=require('@radix-ui/react-toast');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var e__namespace=/*#__PURE__*/_interopNamespace(e);var r__namespace=/*#__PURE__*/_interopNamespace(r);var t=({children:o})=>e__namespace.createElement(r__namespace.Provider,null,o,e__namespace.createElement(r__namespace.Viewport,{className:"fixed bottom-0 right-0 z-[100] m-6 flex max-h-screen w-full flex-col-reverse gap-2 sm:max-w-[420px]"}));exports.ToastProvider=t;//# sourceMappingURL=ToastProvider.cjs.map
 //# sourceMappingURL=ToastProvider.cjs.map

package/dist/components/ToastProvider.d.cts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+type ToastProviderProps = {
+    children: React.ReactNode;
+};
+declare const ToastProvider: ({ children }: ToastProviderProps) => React.JSX.Element;
+
+export { ToastProvider, type ToastProviderProps };

package/dist/components/ToastProvider.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+type ToastProviderProps = {
+    children: React.ReactNode;
+};
+declare const ToastProvider: ({ children }: ToastProviderProps) => React.JSX.Element;
+
+export { ToastProvider, type ToastProviderProps };

package/dist/components/ToastProvider.js

@@ -1,2 +1,2 @@
-import*as e from'react';import*as r from'@radix-ui/react-toast';var t=({children:o})=>e.createElement(r.Provider,null,o,e.createElement(r.Viewport,{className:"fixed bottom-0 right-0 z-[100] m-6 flex max-h-screen w-full flex-col-reverse gap-2 sm:max-w-[420px]"}));if (exports.default) module.exports = exports.default;export{t as ToastProvider};//# sourceMappingURL=ToastProvider.js.map
+import*as e from'react';import*as r from'@radix-ui/react-toast';var t=({children:o})=>e.createElement(r.Provider,null,o,e.createElement(r.Viewport,{className:"fixed bottom-0 right-0 z-[100] m-6 flex max-h-screen w-full flex-col-reverse gap-2 sm:max-w-[420px]"}));export{t as ToastProvider};//# sourceMappingURL=ToastProvider.js.map
 //# sourceMappingURL=ToastProvider.js.map

package/dist/components/Tooltip.cjs

@@ -1,2 +1,2 @@
-'use strict';var o=require('react'),t=require('@radix-ui/react-tooltip'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var o__namespace=/*#__PURE__*/_interopNamespace(o);var t__namespace=/*#__PURE__*/_interopNamespace(t);function i(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var u=({content:e,children:r,side:a="bottom",align:n="center",className:l,delayDuration:p=200,defaultOpen:m,open:s,onOpenChange:d})=>o__namespace.createElement(t__namespace.Provider,{delayDuration:p},o__namespace.createElement(t__namespace.Root,{defaultOpen:m,open:s,onOpenChange:d},o__namespace.createElement(t__namespace.Trigger,{asChild:!0},o__namespace.createElement("span",{tabIndex:0},r)),o__namespace.createElement(t__namespace.Portal,null,o__namespace.createElement(t__namespace.Content,{side:a,align:n,sideOffset:4,className:i("z-50 overflow-hidden rounded-lg","bg-black px-3 py-1.5","text-xs text-white","animate-in fade-in-0 zoom-in-95","data-[state=closed]:animate-out data-[state=closed]:fade-out-0","data-[side=bottom]:slide-in-from-top-2","data-[side=top]:slide-in-from-bottom-2","select-none","max-w-60",l)},e,o__namespace.createElement(t__namespace.Arrow,{className:"fill-text-primary",width:10,height:5})))));if (exports.default) module.exports = exports.default;exports.Tooltip=u;//# sourceMappingURL=Tooltip.cjs.map
+'use strict';var o=require('react'),t=require('@radix-ui/react-tooltip'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var o__namespace=/*#__PURE__*/_interopNamespace(o);var t__namespace=/*#__PURE__*/_interopNamespace(t);function i(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var u=({content:e,children:r,side:a="bottom",align:n="center",className:l,delayDuration:p=200,defaultOpen:m,open:s,onOpenChange:d})=>o__namespace.createElement(t__namespace.Provider,{delayDuration:p},o__namespace.createElement(t__namespace.Root,{defaultOpen:m,open:s,onOpenChange:d},o__namespace.createElement(t__namespace.Trigger,{asChild:!0},o__namespace.createElement("span",{tabIndex:0},r)),o__namespace.createElement(t__namespace.Portal,null,o__namespace.createElement(t__namespace.Content,{side:a,align:n,sideOffset:4,className:i("z-50 overflow-hidden rounded-lg","bg-black px-3 py-1.5","text-xs text-white","animate-in fade-in-0 zoom-in-95","data-[state=closed]:animate-out data-[state=closed]:fade-out-0","data-[side=bottom]:slide-in-from-top-2","data-[side=top]:slide-in-from-bottom-2","select-none","max-w-60",l)},e,o__namespace.createElement(t__namespace.Arrow,{className:"fill-text-primary",width:10,height:5})))));exports.Tooltip=u;//# sourceMappingURL=Tooltip.cjs.map
 //# sourceMappingURL=Tooltip.cjs.map

package/dist/components/Tooltip.d.cts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+interface TooltipProps {
+    content: React.ReactNode;
+    children: React.ReactNode;
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
+    className?: string;
+    delayDuration?: number;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+declare const Tooltip: ({ content, children, side, align, className, delayDuration, defaultOpen, open, onOpenChange }: TooltipProps) => React.JSX.Element;
+
+export { Tooltip, type TooltipProps };

package/dist/components/Tooltip.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+interface TooltipProps {
+    content: React.ReactNode;
+    children: React.ReactNode;
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
+    className?: string;
+    delayDuration?: number;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+declare const Tooltip: ({ content, children, side, align, className, delayDuration, defaultOpen, open, onOpenChange }: TooltipProps) => React.JSX.Element;
+
+export { Tooltip, type TooltipProps };

package/dist/components/Tooltip.js

@@ -1,2 +1,2 @@
-import*as o from'react';import*as t from'@radix-ui/react-tooltip';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';function i(...e){return twMerge(clsx(e))}var u=({content:e,children:r,side:a="bottom",align:n="center",className:l,delayDuration:p=200,defaultOpen:m,open:s,onOpenChange:d})=>o.createElement(t.Provider,{delayDuration:p},o.createElement(t.Root,{defaultOpen:m,open:s,onOpenChange:d},o.createElement(t.Trigger,{asChild:!0},o.createElement("span",{tabIndex:0},r)),o.createElement(t.Portal,null,o.createElement(t.Content,{side:a,align:n,sideOffset:4,className:i("z-50 overflow-hidden rounded-lg","bg-black px-3 py-1.5","text-xs text-white","animate-in fade-in-0 zoom-in-95","data-[state=closed]:animate-out data-[state=closed]:fade-out-0","data-[side=bottom]:slide-in-from-top-2","data-[side=top]:slide-in-from-bottom-2","select-none","max-w-60",l)},e,o.createElement(t.Arrow,{className:"fill-text-primary",width:10,height:5})))));if (exports.default) module.exports = exports.default;export{u as Tooltip};//# sourceMappingURL=Tooltip.js.map
+import*as o from'react';import*as t from'@radix-ui/react-tooltip';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';function i(...e){return twMerge(clsx(e))}var u=({content:e,children:r,side:a="bottom",align:n="center",className:l,delayDuration:p=200,defaultOpen:m,open:s,onOpenChange:d})=>o.createElement(t.Provider,{delayDuration:p},o.createElement(t.Root,{defaultOpen:m,open:s,onOpenChange:d},o.createElement(t.Trigger,{asChild:!0},o.createElement("span",{tabIndex:0},r)),o.createElement(t.Portal,null,o.createElement(t.Content,{side:a,align:n,sideOffset:4,className:i("z-50 overflow-hidden rounded-lg","bg-black px-3 py-1.5","text-xs text-white","animate-in fade-in-0 zoom-in-95","data-[state=closed]:animate-out data-[state=closed]:fade-out-0","data-[side=bottom]:slide-in-from-top-2","data-[side=top]:slide-in-from-bottom-2","select-none","max-w-60",l)},e,o.createElement(t.Arrow,{className:"fill-text-primary",width:10,height:5})))));export{u as Tooltip};//# sourceMappingURL=Tooltip.js.map
 //# sourceMappingURL=Tooltip.js.map

package/dist/components/WorkCard.cjs

@@ -1,2 +1,2 @@
-'use strict';var i=require('react'),icons=require('@deckai/icons'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var i__default=/*#__PURE__*/_interopDefault(i);function m(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var h={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888"},A={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},P=e=>{if(!e)return {width:"24px",height:"24px"};let s=Array.isArray(e)?e:[e],r={},t;return s.forEach(o=>{if(typeof o=="number")t=`${o}px`;else {let[n,a]=o.split(":"),l=parseInt(a,10);r[`@media (min-width: ${A[n]})`]=`${l}px`;}}),{width:t||"24px",height:t||"24px",...Object.entries(r).reduce((o,[n,a])=>({...o,[n]:{width:a,height:a}}),{})}},c=i__default.default.forwardRef(({name:e,size:s=24,color:r="primary",title:t,className:o,style:n={},...a},l)=>{let u=icons.IconMap[e],p=P(s);return i__default.default.createElement("div",{className:m("flex justify-center items-center",o),style:{...p,"--icon-stroke":h[r],...n}},i__default.default.createElement(u,{ref:l,"aria-hidden":!t,"aria-label":t,stroke:e.includes("filled")?void 0:h[r],...a}))});c.displayName="Icon";var C={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},R=e=>{let[s,r]=e.split("-");return s==="heading"?C[r]||"p":s==="label"?"label":"p"},S={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},w=e=>e?(Array.isArray(e)?e:[e]).map(r=>{if(r.includes(":")){let[t,o]=r.split(":");return `${t}:text-${o}`}return `text-${r}`}).join(" "):"text-body-default",d=i__default.default.forwardRef(({variant:e="body-default",color:s="primary",as:r,className:t,children:o,weight:n,...a},l)=>{let u=w(e),p=s==="inherit"?"text-inherit":`text-text-${s}`,L=i__default.default.useMemo(()=>{let E=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return R(E)},[e]);return i__default.default.createElement(r||L,{ref:l,className:`font-sans antialiased ${u} ${p} ${n?`!${S[n]}`:""} ${t??""}`,...a},o)});d.displayName="Text";var b="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var y=i__default.default.forwardRef(({children:e,type:s="button",className:r,disabled:t,...o},n)=>i__default.default.createElement("button",{ref:n,type:s,disabled:t,className:m("appearance-none hover:opacity-80 transition-all active:scale-95",b,t&&"opacity-50 cursor-not-allowed",r),...o},e));y.displayName="Pressable";var M=({children:e,color:s="primary",className:r,onClose:t,...o})=>{let[n,a]=i.useState(!1),l=i.useCallback(()=>{a(!0);},[]),u=i.useCallback(()=>{a(!1);},[]),p=i__default.default.createElement("div",{className:m("flex gap-2",t?"justify-between items-center":"items-center justify-center","hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white",s==="primary"?"text-primary-100":"text-text",r),onMouseEnter:l,onMouseLeave:u},typeof e=="string"?i__default.default.createElement(d,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate pt-0.5"},e):e,t&&i__default.default.createElement(y,{...o,onClick:t,className:"flex items-center justify-center"},i__default.default.createElement(c,{name:"close",size:10,color:n?"white":"primaryBlue"})));return t?p:i__default.default.createElement(y,{...o},p)};var de=({socialIconName:e,tags:s,caption:r,playCount:t,backgroundImage:o,onClick:n})=>i__default.default.createElement(y,{onClick:n},i__default.default.createElement("div",{className:"flex flex-col justify-between p-4 sm:w-[227px] sm:h-[371px] w-[148px] h-[234px] rounded-2xl relative overflow-hidden",style:{backgroundColor:"#e7e7e7",backgroundImage:`url(${o})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}},i__default.default.createElement("div",{className:"flex justify-between items-center"},i__default.default.createElement("div",{className:"flex items-center justify-center bg-overlay h-10 w-10 rounded-full"},i__default.default.createElement(c,{name:e,size:20,color:"white"})),s&&i__default.default.createElement("div",{className:"flex gap-2 items-center"},s.map((a,l)=>i__default.default.createElement(M,{key:l,color:"text"},a)))),i__default.default.createElement("div",{className:"flex flex-col gap-1 p-2 rounded-lg bg-overlay max-h-[60px] overflow-hidden"},i__default.default.createElement(d,{variant:"body-default-medium",className:"text-white truncate"},r),t&&i__default.default.createElement("div",{className:"flex gap-2"},i__default.default.createElement(c,{name:"play",size:16,color:"white"}),i__default.default.createElement(d,{variant:"body-xs-medium",className:"text-white"},t)))));if (exports.default) module.exports = exports.default;exports.WorkCard=de;//# sourceMappingURL=WorkCard.cjs.map
+'use strict';var i=require('react'),icons=require('@deckai/icons'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var i__default=/*#__PURE__*/_interopDefault(i);function m(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var h={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888"},A={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},P=e=>{if(!e)return {width:"24px",height:"24px"};let s=Array.isArray(e)?e:[e],r={},t;return s.forEach(o=>{if(typeof o=="number")t=`${o}px`;else {let[n,a]=o.split(":"),l=parseInt(a,10);r[`@media (min-width: ${A[n]})`]=`${l}px`;}}),{width:t||"24px",height:t||"24px",...Object.entries(r).reduce((o,[n,a])=>({...o,[n]:{width:a,height:a}}),{})}},c=i__default.default.forwardRef(({name:e,size:s=24,color:r="primary",title:t,className:o,style:n={},...a},l)=>{let u=icons.IconMap[e],p=P(s);return i__default.default.createElement("div",{className:m("flex justify-center items-center",o),style:{...p,"--icon-stroke":h[r],...n}},i__default.default.createElement(u,{ref:l,"aria-hidden":!t,"aria-label":t,stroke:e.includes("filled")?void 0:h[r],...a}))});c.displayName="Icon";var C={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},R=e=>{let[s,r]=e.split("-");return s==="heading"?C[r]||"p":s==="label"?"label":"p"},S={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},w=e=>e?(Array.isArray(e)?e:[e]).map(r=>{if(r.includes(":")){let[t,o]=r.split(":");return `${t}:text-${o}`}return `text-${r}`}).join(" "):"text-body-default",d=i__default.default.forwardRef(({variant:e="body-default",color:s="primary",as:r,className:t,children:o,weight:n,...a},l)=>{let u=w(e),p=s==="inherit"?"text-inherit":`text-text-${s}`,L=i__default.default.useMemo(()=>{let E=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return R(E)},[e]);return i__default.default.createElement(r||L,{ref:l,className:`font-sans antialiased ${u} ${p} ${n?`!${S[n]}`:""} ${t??""}`,...a},o)});d.displayName="Text";var b="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var y=i__default.default.forwardRef(({children:e,type:s="button",className:r,disabled:t,...o},n)=>i__default.default.createElement("button",{ref:n,type:s,disabled:t,className:m("appearance-none hover:opacity-80 transition-all active:scale-95",b,t&&"opacity-50 cursor-not-allowed",r),...o},e));y.displayName="Pressable";var M=({children:e,color:s="primary",className:r,onClose:t,...o})=>{let[n,a]=i.useState(!1),l=i.useCallback(()=>{a(!0);},[]),u=i.useCallback(()=>{a(!1);},[]),p=i__default.default.createElement("div",{className:m("flex gap-2",t?"justify-between items-center":"items-center justify-center","hover:bg-primary-100 rounded bg-secondary-400 px-2 py-1 sm:px-3 sm:py-1.5 h-min hover:text-white",s==="primary"?"text-primary-100":"text-text",r),onMouseEnter:l,onMouseLeave:u},typeof e=="string"?i__default.default.createElement(d,{color:"inherit",variant:["md:body-default-medium","body-xxs-medium"],className:"truncate pt-0.5"},e):e,t&&i__default.default.createElement(y,{...o,onClick:t,className:"flex items-center justify-center"},i__default.default.createElement(c,{name:"close",size:10,color:n?"white":"primaryBlue"})));return t?p:i__default.default.createElement(y,{...o},p)};var de=({socialIconName:e,tags:s,caption:r,playCount:t,backgroundImage:o,onClick:n})=>i__default.default.createElement(y,{onClick:n},i__default.default.createElement("div",{className:"flex flex-col justify-between p-4 sm:w-[227px] sm:h-[371px] w-[148px] h-[234px] rounded-2xl relative overflow-hidden",style:{backgroundColor:"#e7e7e7",backgroundImage:`url(${o})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}},i__default.default.createElement("div",{className:"flex justify-between items-center"},i__default.default.createElement("div",{className:"flex items-center justify-center bg-overlay h-10 w-10 rounded-full"},i__default.default.createElement(c,{name:e,size:20,color:"white"})),s&&i__default.default.createElement("div",{className:"flex gap-2 items-center"},s.map((a,l)=>i__default.default.createElement(M,{key:l,color:"text"},a)))),i__default.default.createElement("div",{className:"flex flex-col gap-1 p-2 rounded-lg bg-overlay max-h-[60px] overflow-hidden"},i__default.default.createElement(d,{variant:"body-default-medium",className:"text-white truncate"},r),t&&i__default.default.createElement("div",{className:"flex gap-2"},i__default.default.createElement(c,{name:"play",size:16,color:"white"}),i__default.default.createElement(d,{variant:"body-xs-medium",className:"text-white"},t)))));exports.WorkCard=de;//# sourceMappingURL=WorkCard.cjs.map
 //# sourceMappingURL=WorkCard.cjs.map

package/dist/components/WorkCard.d.cts

@@ -0,0 +1,14 @@
+import React__default from 'react';
+
+type WorkCardProps = {
+    socialIconName: "instagram-filled" | "tiktok-filled" | "youtube-filled";
+    tags?: string[];
+    caption: string;
+    /** play count should already be formatted with k or m */
+    playCount?: string;
+    backgroundImage: string;
+    onClick: () => void;
+};
+declare const WorkCard: ({ socialIconName, tags, caption, playCount, backgroundImage, onClick }: WorkCardProps) => React__default.JSX.Element;
+
+export { WorkCard, type WorkCardProps };