@deckai/deck-ui 0.0.14 → 0.0.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +18 -2
- package/dist/components/AboutCard.cjs +1 -1
- package/dist/components/AboutCard.cjs.map +1 -1
- package/dist/components/AboutCard.d.cts +12 -0
- package/dist/components/AboutCard.d.ts +12 -0
- package/dist/components/AboutCard.js +1 -1
- package/dist/components/AboutCard.js.map +1 -1
- package/dist/components/Accordion.cjs +1 -1
- package/dist/components/Accordion.d.cts +26 -0
- package/dist/components/Accordion.d.ts +26 -0
- package/dist/components/Accordion.js +1 -1
- package/dist/components/AddWorkCard.cjs +1 -1
- package/dist/components/AddWorkCard.d.cts +9 -0
- package/dist/components/AddWorkCard.d.ts +9 -0
- package/dist/components/AddWorkCard.js +1 -1
- package/dist/components/Avatar.cjs +1 -1
- package/dist/components/Avatar.d.cts +12 -0
- package/dist/components/Avatar.d.ts +12 -0
- package/dist/components/Avatar.js +1 -1
- package/dist/components/Badge.cjs +1 -1
- package/dist/components/Badge.d.cts +13 -0
- package/dist/components/Badge.d.ts +13 -0
- package/dist/components/Badge.js +1 -1
- package/dist/components/Breadcrumbs.cjs +1 -1
- package/dist/components/Breadcrumbs.d.cts +15 -0
- package/dist/components/Breadcrumbs.d.ts +15 -0
- package/dist/components/Breadcrumbs.js +1 -1
- package/dist/components/Button.cjs +1 -1
- package/dist/components/Button.d.cts +38 -0
- package/dist/components/Button.d.ts +38 -0
- package/dist/components/Button.js +1 -1
- package/dist/components/Carousel.cjs +1 -1
- package/dist/components/Carousel.d.cts +12 -0
- package/dist/components/Carousel.d.ts +12 -0
- package/dist/components/Carousel.js +1 -1
- package/dist/components/Collapsible.cjs +1 -1
- package/dist/components/Collapsible.d.cts +12 -0
- package/dist/components/Collapsible.d.ts +12 -0
- package/dist/components/Collapsible.js +1 -1
- package/dist/components/Combobox.cjs +1 -1
- package/dist/components/Combobox.d.cts +29 -0
- package/dist/components/Combobox.d.ts +29 -0
- package/dist/components/Combobox.js +1 -1
- package/dist/components/ContactItem.cjs +1 -1
- package/dist/components/ContactItem.d.cts +10 -0
- package/dist/components/ContactItem.d.ts +10 -0
- package/dist/components/ContactItem.js +1 -1
- package/dist/components/Dropdown.cjs +1 -1
- package/dist/components/Dropdown.d.cts +18 -0
- package/dist/components/Dropdown.d.ts +18 -0
- package/dist/components/Dropdown.js +1 -1
- package/dist/components/EditButton.cjs +1 -1
- package/dist/components/EditButton.d.cts +12 -0
- package/dist/components/EditButton.d.ts +12 -0
- package/dist/components/EditButton.js +1 -1
- package/dist/components/Icon.cjs +1 -1
- package/dist/components/Icon.d.cts +19 -0
- package/dist/components/Icon.d.ts +19 -0
- package/dist/components/Icon.js +1 -1
- package/dist/components/IconRenderer.cjs +1 -1
- package/dist/components/IconRenderer.d.cts +13 -0
- package/dist/components/IconRenderer.d.ts +13 -0
- package/dist/components/IconRenderer.js +1 -1
- package/dist/components/Illustration.cjs +1 -1
- package/dist/components/Illustration.d.cts +10 -0
- package/dist/components/Illustration.d.ts +10 -0
- package/dist/components/Illustration.js +1 -1
- package/dist/components/Input.cjs +1 -1
- package/dist/components/Input.d.cts +20 -0
- package/dist/components/Input.d.ts +20 -0
- package/dist/components/Input.js +1 -1
- package/dist/components/Link.cjs +1 -1
- package/dist/components/Link.d.cts +13 -0
- package/dist/components/Link.d.ts +13 -0
- package/dist/components/Link.js +1 -1
- package/dist/components/Logo.cjs +1 -1
- package/dist/components/Logo.d.cts +8 -0
- package/dist/components/Logo.d.ts +8 -0
- package/dist/components/Logo.js +1 -1
- package/dist/components/MultiSelectCombobox.cjs +1 -1
- package/dist/components/MultiSelectCombobox.d.cts +25 -0
- package/dist/components/MultiSelectCombobox.d.ts +25 -0
- package/dist/components/MultiSelectCombobox.js +1 -1
- package/dist/components/Navbar.cjs +1 -1
- package/dist/components/Navbar.d.cts +22 -0
- package/dist/components/Navbar.d.ts +22 -0
- package/dist/components/Navbar.js +1 -1
- package/dist/components/NavbarItem.cjs +1 -1
- package/dist/components/NavbarItem.d.cts +13 -0
- package/dist/components/NavbarItem.d.ts +13 -0
- package/dist/components/NavbarItem.js +1 -1
- package/dist/components/Option.cjs +1 -1
- package/dist/components/Option.d.cts +16 -0
- package/dist/components/Option.d.ts +16 -0
- package/dist/components/Option.js +1 -1
- package/dist/components/Pressable.cjs +1 -1
- package/dist/components/Pressable.d.cts +6 -0
- package/dist/components/Pressable.d.ts +6 -0
- package/dist/components/Pressable.js +1 -1
- package/dist/components/ProfileCard.cjs +1 -1
- package/dist/components/ProfileCard.cjs.map +1 -1
- package/dist/components/ProfileCard.d.cts +17 -0
- package/dist/components/ProfileCard.d.ts +17 -0
- package/dist/components/ProfileCard.js +1 -1
- package/dist/components/ProfileCard.js.map +1 -1
- package/dist/components/ProgressBar.cjs +1 -1
- package/dist/components/ProgressBar.d.cts +21 -0
- package/dist/components/ProgressBar.d.ts +21 -0
- package/dist/components/ProgressBar.js +1 -1
- package/dist/components/SegmentedTabs.cjs +1 -1
- package/dist/components/SegmentedTabs.d.cts +16 -0
- package/dist/components/SegmentedTabs.d.ts +16 -0
- package/dist/components/SegmentedTabs.js +1 -1
- package/dist/components/Sidebar.cjs +1 -1
- package/dist/components/Sidebar.d.cts +37 -0
- package/dist/components/Sidebar.d.ts +37 -0
- package/dist/components/Sidebar.js +1 -1
- package/dist/components/SlideButton.cjs +3 -0
- package/dist/components/SlideButton.cjs.map +1 -0
- package/dist/components/SlideButton.d.cts +21 -0
- package/dist/components/SlideButton.d.ts +21 -0
- package/dist/components/SlideButton.js +3 -0
- package/dist/components/SlideButton.js.map +1 -0
- package/dist/components/SocialCard.cjs +1 -1
- package/dist/components/SocialCard.d.cts +12 -0
- package/dist/components/SocialCard.d.ts +12 -0
- package/dist/components/SocialCard.js +1 -1
- package/dist/components/Spinner.cjs +1 -1
- package/dist/components/Spinner.d.cts +54 -0
- package/dist/components/Spinner.d.ts +54 -0
- package/dist/components/Spinner.js +1 -1
- package/dist/components/Switch.cjs +1 -1
- package/dist/components/Switch.d.cts +13 -0
- package/dist/components/Switch.d.ts +13 -0
- package/dist/components/Switch.js +1 -1
- package/dist/components/Tabs.cjs +1 -1
- package/dist/components/Tabs.d.cts +17 -0
- package/dist/components/Tabs.d.ts +17 -0
- package/dist/components/Tabs.js +1 -1
- package/dist/components/Tag.cjs +1 -1
- package/dist/components/Tag.d.cts +12 -0
- package/dist/components/Tag.d.ts +12 -0
- package/dist/components/Tag.js +1 -1
- package/dist/components/Text.cjs +1 -1
- package/dist/components/Text.d.cts +42 -0
- package/dist/components/Text.d.ts +42 -0
- package/dist/components/Text.js +1 -1
- package/dist/components/TextArea.cjs +1 -1
- package/dist/components/TextArea.d.cts +19 -0
- package/dist/components/TextArea.d.ts +19 -0
- package/dist/components/TextArea.js +1 -1
- package/dist/components/Toast.cjs +1 -1
- package/dist/components/Toast.d.cts +35 -0
- package/dist/components/Toast.d.ts +35 -0
- package/dist/components/Toast.js +1 -1
- package/dist/components/ToastProvider.cjs +1 -1
- package/dist/components/ToastProvider.d.cts +8 -0
- package/dist/components/ToastProvider.d.ts +8 -0
- package/dist/components/ToastProvider.js +1 -1
- package/dist/components/Tooltip.cjs +1 -1
- package/dist/components/Tooltip.d.cts +16 -0
- package/dist/components/Tooltip.d.ts +16 -0
- package/dist/components/Tooltip.js +1 -1
- package/dist/components/WorkCard.cjs +1 -1
- package/dist/components/WorkCard.d.cts +14 -0
- package/dist/components/WorkCard.d.ts +14 -0
- package/dist/components/WorkCard.js +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +191 -0
- package/dist/index.d.ts +191 -0
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/styles/fonts.d.cts +2 -0
- package/dist/styles/fonts.d.ts +2 -0
- package/dist/styles/styles.d.cts +2 -0
- package/dist/styles/styles.d.ts +2 -0
- package/dist/tailwind-CuJn6tv4.d.cts +36 -0
- package/dist/tailwind-CuJn6tv4.d.ts +36 -0
- package/package.json +15 -16
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IconName } from '@deckai/icons';
|
|
3
|
+
|
|
4
|
+
type BadgeProps = {
|
|
5
|
+
variant?: "pink" | "orange" | "green" | "purple";
|
|
6
|
+
iconName?: IconName;
|
|
7
|
+
} & React.HTMLAttributes<HTMLSpanElement>;
|
|
8
|
+
declare const Badge: React.ForwardRefExoticComponent<{
|
|
9
|
+
variant?: "pink" | "orange" | "green" | "purple";
|
|
10
|
+
iconName?: IconName;
|
|
11
|
+
} & React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
|
|
12
|
+
|
|
13
|
+
export { Badge, type BadgeProps };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IconName } from '@deckai/icons';
|
|
3
|
+
|
|
4
|
+
type BadgeProps = {
|
|
5
|
+
variant?: "pink" | "orange" | "green" | "purple";
|
|
6
|
+
iconName?: IconName;
|
|
7
|
+
} & React.HTMLAttributes<HTMLSpanElement>;
|
|
8
|
+
declare const Badge: React.ForwardRefExoticComponent<{
|
|
9
|
+
variant?: "pink" | "orange" | "green" | "purple";
|
|
10
|
+
iconName?: IconName;
|
|
11
|
+
} & React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
|
|
12
|
+
|
|
13
|
+
export { Badge, type BadgeProps };
|
package/dist/components/Badge.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as i from'react';import i__default from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {IconMap}from'@deckai/icons';function l(...e){return twMerge(clsx(e))}var u={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888"},x={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},E=e=>{if(!e)return {width:"24px",height:"24px"};let n=Array.isArray(e)?e:[e],t={},r;return n.forEach(o=>{if(typeof o=="number")r=`${o}px`;else {let[a,s]=o.split(":"),p=parseInt(s,10);t[`@media (min-width: ${x[a]})`]=`${p}px`;}}),{width:r||"24px",height:r||"24px",...Object.entries(t).reduce((o,[a,s])=>({...o,[a]:{width:s,height:s}}),{})}},T=i__default.forwardRef(({name:e,size:n=24,color:t="primary",title:r,className:o,style:a={},...s},p)=>{let m=IconMap[e],c=E(n);return i__default.createElement("div",{className:l("flex justify-center items-center",o),style:{...c,"--icon-stroke":u[t],...a}},i__default.createElement(m,{ref:p,"aria-hidden":!r,"aria-label":r,stroke:e.includes("filled")?void 0:u[t],...s}))});T.displayName="Icon";var R={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},A=e=>{let[n,t]=e.split("-");return n==="heading"?R[t]||"p":n==="label"?"label":"p"},C={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},S=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[r,o]=t.split(":");return `${r}:text-${o}`}return `text-${t}`}).join(" "):"text-body-default",g=i__default.forwardRef(({variant:e="body-default",color:n="primary",as:t,className:r,children:o,weight:a,...s},p)=>{let m=S(e),c=n==="inherit"?"text-inherit":`text-text-${n}`,H=i__default.useMemo(()=>{let f=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return A(f)},[e]);return i__default.createElement(t||H,{ref:p,className:`font-sans antialiased ${m} ${c} ${a?`!${C[a]}`:""} ${r??""}`,...s},o)});g.displayName="Text";var h={pink:"bg-tertiary-5",orange:"bg-tertiary-15",green:"bg-tertiary-25",purple:"bg-secondary-300"},k=e=>{let n=Object.keys(h),t=e.split("").reduce((a,s)=>s.charCodeAt(0)+((a<<5)-a),0),r=Math.abs(t)%n.length,o=n[r];return console.log({input:e,hash:t,variantKeys:n,index:r,selectedVariant:o}),o},V=i.forwardRef(({className:e,variant:n,iconName:t,children:r,...o},a)=>{let s=n||(typeof r=="string"?k(r):"pink");return i.createElement("span",{ref:a,className:l("inline-flex items-center gap-2","rounded px-2 py-1.5","text-sm font-medium",h[s],e),...o},t&&i.createElement(T,{size:16,name:t}),i.createElement(g,{variant:"body-xxs-semibold",className:"mt-0.5"},r))});V.displayName="Badge";
|
|
1
|
+
import*as i from'react';import i__default from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {IconMap}from'@deckai/icons';function l(...e){return twMerge(clsx(e))}var u={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888"},x={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},E=e=>{if(!e)return {width:"24px",height:"24px"};let n=Array.isArray(e)?e:[e],t={},r;return n.forEach(o=>{if(typeof o=="number")r=`${o}px`;else {let[a,s]=o.split(":"),p=parseInt(s,10);t[`@media (min-width: ${x[a]})`]=`${p}px`;}}),{width:r||"24px",height:r||"24px",...Object.entries(t).reduce((o,[a,s])=>({...o,[a]:{width:s,height:s}}),{})}},T=i__default.forwardRef(({name:e,size:n=24,color:t="primary",title:r,className:o,style:a={},...s},p)=>{let m=IconMap[e],c=E(n);return i__default.createElement("div",{className:l("flex justify-center items-center",o),style:{...c,"--icon-stroke":u[t],...a}},i__default.createElement(m,{ref:p,"aria-hidden":!r,"aria-label":r,stroke:e.includes("filled")?void 0:u[t],...s}))});T.displayName="Icon";var R={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},A=e=>{let[n,t]=e.split("-");return n==="heading"?R[t]||"p":n==="label"?"label":"p"},C={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},S=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[r,o]=t.split(":");return `${r}:text-${o}`}return `text-${t}`}).join(" "):"text-body-default",g=i__default.forwardRef(({variant:e="body-default",color:n="primary",as:t,className:r,children:o,weight:a,...s},p)=>{let m=S(e),c=n==="inherit"?"text-inherit":`text-text-${n}`,H=i__default.useMemo(()=>{let f=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return A(f)},[e]);return i__default.createElement(t||H,{ref:p,className:`font-sans antialiased ${m} ${c} ${a?`!${C[a]}`:""} ${r??""}`,...s},o)});g.displayName="Text";var h={pink:"bg-tertiary-5",orange:"bg-tertiary-15",green:"bg-tertiary-25",purple:"bg-secondary-300"},k=e=>{let n=Object.keys(h),t=e.split("").reduce((a,s)=>s.charCodeAt(0)+((a<<5)-a),0),r=Math.abs(t)%n.length,o=n[r];return console.log({input:e,hash:t,variantKeys:n,index:r,selectedVariant:o}),o},V=i.forwardRef(({className:e,variant:n,iconName:t,children:r,...o},a)=>{let s=n||(typeof r=="string"?k(r):"pink");return i.createElement("span",{ref:a,className:l("inline-flex items-center gap-2","rounded px-2 py-1.5","text-sm font-medium",h[s],e),...o},t&&i.createElement(T,{size:16,name:t}),i.createElement(g,{variant:"body-xxs-semibold",className:"mt-0.5"},r))});V.displayName="Badge";export{V as Badge};//# sourceMappingURL=Badge.js.map
|
|
2
2
|
//# sourceMappingURL=Badge.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var a=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),icons=require('@deckai/icons');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var a__default=/*#__PURE__*/_interopDefault(a);function m(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var b={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888"},$={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},R=e=>{if(!e)return {width:"24px",height:"24px"};let n=Array.isArray(e)?e:[e],t={},s;return n.forEach(r=>{if(typeof r=="number")s=`${r}px`;else {let[i,o]=r.split(":"),p=parseInt(o,10);t[`@media (min-width: ${$[i]})`]=`${p}px`;}}),{width:s||"24px",height:s||"24px",...Object.entries(t).reduce((r,[i,o])=>({...r,[i]:{width:o,height:o}}),{})}},f=a__default.default.forwardRef(({name:e,size:n=24,color:t="primary",title:s,className:r,style:i={},...o},p)=>{let l=icons.IconMap[e],d=R(n);return a__default.default.createElement("div",{className:m("flex justify-center items-center",r),style:{...d,"--icon-stroke":b[t],...i}},a__default.default.createElement(l,{ref:p,"aria-hidden":!s,"aria-label":s,stroke:e.includes("filled")?void 0:b[t],...o}))});f.displayName="Icon";var A={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},k=e=>{let[n,t]=e.split("-");return n==="heading"?A[t]||"p":n==="label"?"label":"p"},v={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},C=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[s,r]=t.split(":");return `${s}:text-${r}`}return `text-${t}`}).join(" "):"text-body-default",c=a__default.default.forwardRef(({variant:e="body-default",color:n="primary",as:t,className:s,children:r,weight:i,...o},p)=>{let l=C(e),d=n==="inherit"?"text-inherit":`text-text-${n}`,x=a__default.default.useMemo(()=>{let H=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return k(H)},[e]);return a__default.default.createElement(t||x,{ref:p,className:`font-sans antialiased ${l} ${d} ${i?`!${v[i]}`:""} ${s??""}`,...o},r)});c.displayName="Text";var T="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var u=({children:e,color:n="inherit",variant:t="body-default-semibold",href:s,className:r,...i})=>a__default.default.createElement(c,{variant:t,color:n},a__default.default.createElement("a",{href:s,className:m("hover:opacity-80 transition-all ease-in-out active:scale-95 hover:underline",T,r),...i},e));var S=()=>a__default.default.createElement(c,{variant:["sm:body-lg","body-xs"]},"/"),P=a__default.default.forwardRef(({items:e,className:n,SeparatorComponent:t=S,onHomeClick:s},r)=>{let i=()=>typeof t=="function"?a__default.default.createElement(t,null):a__default.default.cloneElement(t);return a__default.default.createElement("nav",{ref:r,"aria-label":"Breadcrumb",className:m("sm:relative sticky top-0 sm:border-none !border-solid border-secondary-50 border-b-[1px] pb-6 flex justify-between gap-2 md:flex-row flex-col",n)},a__default.default.createElement("ol",{className:"flex flex-wrap items-center gap-2"},a__default.default.createElement(f,{onClick:s,name:"home",size:["sm:20",16],color:"secondary",className:"pb-0.5"}),i(),e.map((o,p)=>{let l=p===e.length-1;return l||!o.href?a__default.default.createElement(c,{variant:l?["body-default-semibold"]:["body-xs","md:body-default"],color:l?"inherit":"secondary","aria-current":l?"page":void 0,key:o.label},o.label):a__default.default.createElement(a__default.default.Fragment,null,a__default.default.createElement(u,{href:o.href,key:o.label},o.label),i())})),a__default.default.createElement("div",{className:"flex justify-between items-center py-3 px-4 rounded-lg bg-background-100 border border-secondary-50 lg:gap-6 gap-4 md:max-w-[70%] self-end"},a__default.default.createElement(c,{variant:["lg:body-default-medium","body-xxs-semibold"]},"This is your Creator profile. To purchase services, switch to your Buyer profile."),a__default.default.createElement(u,{variant:["lg:body-default-bold","body-xxs-bold"],href:""},"Buyer Profile")))});P.displayName="Breadcrumbs";
|
|
1
|
+
'use strict';var a=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),icons=require('@deckai/icons');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var a__default=/*#__PURE__*/_interopDefault(a);function m(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var b={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888"},$={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},R=e=>{if(!e)return {width:"24px",height:"24px"};let n=Array.isArray(e)?e:[e],t={},s;return n.forEach(r=>{if(typeof r=="number")s=`${r}px`;else {let[i,o]=r.split(":"),p=parseInt(o,10);t[`@media (min-width: ${$[i]})`]=`${p}px`;}}),{width:s||"24px",height:s||"24px",...Object.entries(t).reduce((r,[i,o])=>({...r,[i]:{width:o,height:o}}),{})}},f=a__default.default.forwardRef(({name:e,size:n=24,color:t="primary",title:s,className:r,style:i={},...o},p)=>{let l=icons.IconMap[e],d=R(n);return a__default.default.createElement("div",{className:m("flex justify-center items-center",r),style:{...d,"--icon-stroke":b[t],...i}},a__default.default.createElement(l,{ref:p,"aria-hidden":!s,"aria-label":s,stroke:e.includes("filled")?void 0:b[t],...o}))});f.displayName="Icon";var A={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},k=e=>{let[n,t]=e.split("-");return n==="heading"?A[t]||"p":n==="label"?"label":"p"},v={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},C=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[s,r]=t.split(":");return `${s}:text-${r}`}return `text-${t}`}).join(" "):"text-body-default",c=a__default.default.forwardRef(({variant:e="body-default",color:n="primary",as:t,className:s,children:r,weight:i,...o},p)=>{let l=C(e),d=n==="inherit"?"text-inherit":`text-text-${n}`,x=a__default.default.useMemo(()=>{let H=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return k(H)},[e]);return a__default.default.createElement(t||x,{ref:p,className:`font-sans antialiased ${l} ${d} ${i?`!${v[i]}`:""} ${s??""}`,...o},r)});c.displayName="Text";var T="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var u=({children:e,color:n="inherit",variant:t="body-default-semibold",href:s,className:r,...i})=>a__default.default.createElement(c,{variant:t,color:n},a__default.default.createElement("a",{href:s,className:m("hover:opacity-80 transition-all ease-in-out active:scale-95 hover:underline",T,r),...i},e));var S=()=>a__default.default.createElement(c,{variant:["sm:body-lg","body-xs"]},"/"),P=a__default.default.forwardRef(({items:e,className:n,SeparatorComponent:t=S,onHomeClick:s},r)=>{let i=()=>typeof t=="function"?a__default.default.createElement(t,null):a__default.default.cloneElement(t);return a__default.default.createElement("nav",{ref:r,"aria-label":"Breadcrumb",className:m("sm:relative sticky top-0 sm:border-none !border-solid border-secondary-50 border-b-[1px] pb-6 flex justify-between gap-2 md:flex-row flex-col",n)},a__default.default.createElement("ol",{className:"flex flex-wrap items-center gap-2"},a__default.default.createElement(f,{onClick:s,name:"home",size:["sm:20",16],color:"secondary",className:"pb-0.5"}),i(),e.map((o,p)=>{let l=p===e.length-1;return l||!o.href?a__default.default.createElement(c,{variant:l?["body-default-semibold"]:["body-xs","md:body-default"],color:l?"inherit":"secondary","aria-current":l?"page":void 0,key:o.label},o.label):a__default.default.createElement(a__default.default.Fragment,null,a__default.default.createElement(u,{href:o.href,key:o.label},o.label),i())})),a__default.default.createElement("div",{className:"flex justify-between items-center py-3 px-4 rounded-lg bg-background-100 border border-secondary-50 lg:gap-6 gap-4 md:max-w-[70%] self-end"},a__default.default.createElement(c,{variant:["lg:body-default-medium","body-xxs-semibold"]},"This is your Creator profile. To purchase services, switch to your Buyer profile."),a__default.default.createElement(u,{variant:["lg:body-default-bold","body-xxs-bold"],href:""},"Buyer Profile")))});P.displayName="Breadcrumbs";exports.Breadcrumbs=P;//# sourceMappingURL=Breadcrumbs.cjs.map
|
|
2
2
|
//# sourceMappingURL=Breadcrumbs.cjs.map
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
|
|
3
|
+
type BreadcrumbItem = {
|
|
4
|
+
label: string;
|
|
5
|
+
href?: string;
|
|
6
|
+
};
|
|
7
|
+
type BreadcrumbsProps = {
|
|
8
|
+
items: BreadcrumbItem[];
|
|
9
|
+
className?: string;
|
|
10
|
+
SeparatorComponent?: React__default.ReactElement;
|
|
11
|
+
onHomeClick: () => void;
|
|
12
|
+
};
|
|
13
|
+
declare const Breadcrumbs: React__default.ForwardRefExoticComponent<BreadcrumbsProps & React__default.RefAttributes<HTMLElement>>;
|
|
14
|
+
|
|
15
|
+
export { Breadcrumbs, type BreadcrumbsProps };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
|
|
3
|
+
type BreadcrumbItem = {
|
|
4
|
+
label: string;
|
|
5
|
+
href?: string;
|
|
6
|
+
};
|
|
7
|
+
type BreadcrumbsProps = {
|
|
8
|
+
items: BreadcrumbItem[];
|
|
9
|
+
className?: string;
|
|
10
|
+
SeparatorComponent?: React__default.ReactElement;
|
|
11
|
+
onHomeClick: () => void;
|
|
12
|
+
};
|
|
13
|
+
declare const Breadcrumbs: React__default.ForwardRefExoticComponent<BreadcrumbsProps & React__default.RefAttributes<HTMLElement>>;
|
|
14
|
+
|
|
15
|
+
export { Breadcrumbs, type BreadcrumbsProps };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import a from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {IconMap}from'@deckai/icons';function m(...e){return twMerge(clsx(e))}var b={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888"},$={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},R=e=>{if(!e)return {width:"24px",height:"24px"};let n=Array.isArray(e)?e:[e],t={},s;return n.forEach(r=>{if(typeof r=="number")s=`${r}px`;else {let[i,o]=r.split(":"),p=parseInt(o,10);t[`@media (min-width: ${$[i]})`]=`${p}px`;}}),{width:s||"24px",height:s||"24px",...Object.entries(t).reduce((r,[i,o])=>({...r,[i]:{width:o,height:o}}),{})}},f=a.forwardRef(({name:e,size:n=24,color:t="primary",title:s,className:r,style:i={},...o},p)=>{let l=IconMap[e],d=R(n);return a.createElement("div",{className:m("flex justify-center items-center",r),style:{...d,"--icon-stroke":b[t],...i}},a.createElement(l,{ref:p,"aria-hidden":!s,"aria-label":s,stroke:e.includes("filled")?void 0:b[t],...o}))});f.displayName="Icon";var A={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},k=e=>{let[n,t]=e.split("-");return n==="heading"?A[t]||"p":n==="label"?"label":"p"},v={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},C=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[s,r]=t.split(":");return `${s}:text-${r}`}return `text-${t}`}).join(" "):"text-body-default",c=a.forwardRef(({variant:e="body-default",color:n="primary",as:t,className:s,children:r,weight:i,...o},p)=>{let l=C(e),d=n==="inherit"?"text-inherit":`text-text-${n}`,x=a.useMemo(()=>{let H=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return k(H)},[e]);return a.createElement(t||x,{ref:p,className:`font-sans antialiased ${l} ${d} ${i?`!${v[i]}`:""} ${s??""}`,...o},r)});c.displayName="Text";var T="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var u=({children:e,color:n="inherit",variant:t="body-default-semibold",href:s,className:r,...i})=>a.createElement(c,{variant:t,color:n},a.createElement("a",{href:s,className:m("hover:opacity-80 transition-all ease-in-out active:scale-95 hover:underline",T,r),...i},e));var S=()=>a.createElement(c,{variant:["sm:body-lg","body-xs"]},"/"),P=a.forwardRef(({items:e,className:n,SeparatorComponent:t=S,onHomeClick:s},r)=>{let i=()=>typeof t=="function"?a.createElement(t,null):a.cloneElement(t);return a.createElement("nav",{ref:r,"aria-label":"Breadcrumb",className:m("sm:relative sticky top-0 sm:border-none !border-solid border-secondary-50 border-b-[1px] pb-6 flex justify-between gap-2 md:flex-row flex-col",n)},a.createElement("ol",{className:"flex flex-wrap items-center gap-2"},a.createElement(f,{onClick:s,name:"home",size:["sm:20",16],color:"secondary",className:"pb-0.5"}),i(),e.map((o,p)=>{let l=p===e.length-1;return l||!o.href?a.createElement(c,{variant:l?["body-default-semibold"]:["body-xs","md:body-default"],color:l?"inherit":"secondary","aria-current":l?"page":void 0,key:o.label},o.label):a.createElement(a.Fragment,null,a.createElement(u,{href:o.href,key:o.label},o.label),i())})),a.createElement("div",{className:"flex justify-between items-center py-3 px-4 rounded-lg bg-background-100 border border-secondary-50 lg:gap-6 gap-4 md:max-w-[70%] self-end"},a.createElement(c,{variant:["lg:body-default-medium","body-xxs-semibold"]},"This is your Creator profile. To purchase services, switch to your Buyer profile."),a.createElement(u,{variant:["lg:body-default-bold","body-xxs-bold"],href:""},"Buyer Profile")))});P.displayName="Breadcrumbs";
|
|
1
|
+
import a from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {IconMap}from'@deckai/icons';function m(...e){return twMerge(clsx(e))}var b={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888"},$={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},R=e=>{if(!e)return {width:"24px",height:"24px"};let n=Array.isArray(e)?e:[e],t={},s;return n.forEach(r=>{if(typeof r=="number")s=`${r}px`;else {let[i,o]=r.split(":"),p=parseInt(o,10);t[`@media (min-width: ${$[i]})`]=`${p}px`;}}),{width:s||"24px",height:s||"24px",...Object.entries(t).reduce((r,[i,o])=>({...r,[i]:{width:o,height:o}}),{})}},f=a.forwardRef(({name:e,size:n=24,color:t="primary",title:s,className:r,style:i={},...o},p)=>{let l=IconMap[e],d=R(n);return a.createElement("div",{className:m("flex justify-center items-center",r),style:{...d,"--icon-stroke":b[t],...i}},a.createElement(l,{ref:p,"aria-hidden":!s,"aria-label":s,stroke:e.includes("filled")?void 0:b[t],...o}))});f.displayName="Icon";var A={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},k=e=>{let[n,t]=e.split("-");return n==="heading"?A[t]||"p":n==="label"?"label":"p"},v={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},C=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[s,r]=t.split(":");return `${s}:text-${r}`}return `text-${t}`}).join(" "):"text-body-default",c=a.forwardRef(({variant:e="body-default",color:n="primary",as:t,className:s,children:r,weight:i,...o},p)=>{let l=C(e),d=n==="inherit"?"text-inherit":`text-text-${n}`,x=a.useMemo(()=>{let H=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return k(H)},[e]);return a.createElement(t||x,{ref:p,className:`font-sans antialiased ${l} ${d} ${i?`!${v[i]}`:""} ${s??""}`,...o},r)});c.displayName="Text";var T="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var u=({children:e,color:n="inherit",variant:t="body-default-semibold",href:s,className:r,...i})=>a.createElement(c,{variant:t,color:n},a.createElement("a",{href:s,className:m("hover:opacity-80 transition-all ease-in-out active:scale-95 hover:underline",T,r),...i},e));var S=()=>a.createElement(c,{variant:["sm:body-lg","body-xs"]},"/"),P=a.forwardRef(({items:e,className:n,SeparatorComponent:t=S,onHomeClick:s},r)=>{let i=()=>typeof t=="function"?a.createElement(t,null):a.cloneElement(t);return a.createElement("nav",{ref:r,"aria-label":"Breadcrumb",className:m("sm:relative sticky top-0 sm:border-none !border-solid border-secondary-50 border-b-[1px] pb-6 flex justify-between gap-2 md:flex-row flex-col",n)},a.createElement("ol",{className:"flex flex-wrap items-center gap-2"},a.createElement(f,{onClick:s,name:"home",size:["sm:20",16],color:"secondary",className:"pb-0.5"}),i(),e.map((o,p)=>{let l=p===e.length-1;return l||!o.href?a.createElement(c,{variant:l?["body-default-semibold"]:["body-xs","md:body-default"],color:l?"inherit":"secondary","aria-current":l?"page":void 0,key:o.label},o.label):a.createElement(a.Fragment,null,a.createElement(u,{href:o.href,key:o.label},o.label),i())})),a.createElement("div",{className:"flex justify-between items-center py-3 px-4 rounded-lg bg-background-100 border border-secondary-50 lg:gap-6 gap-4 md:max-w-[70%] self-end"},a.createElement(c,{variant:["lg:body-default-medium","body-xxs-semibold"]},"This is your Creator profile. To purchase services, switch to your Buyer profile."),a.createElement(u,{variant:["lg:body-default-bold","body-xxs-bold"],href:""},"Buyer Profile")))});P.displayName="Breadcrumbs";export{P as Breadcrumbs};//# sourceMappingURL=Breadcrumbs.js.map
|
|
2
2
|
//# sourceMappingURL=Breadcrumbs.js.map
|
|
@@ -6,5 +6,5 @@
|
|
|
6
6
|
transition-colors duration-200
|
|
7
7
|
disabled:opacity-50 disabled:pointer-events-none
|
|
8
8
|
hover:opacity-80 active:scale-95
|
|
9
|
-
truncate`,y,r==="filled"?L[t]:E[t],e),disabled:s||n,type:"button",...i},typeof o=="string"?p__namespace.createElement(c,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},o):o));R.displayName="Button";
|
|
9
|
+
truncate`,y,r==="filled"?L[t]:E[t],e),disabled:s||n,type:"button",...i},typeof o=="string"?p__namespace.createElement(c,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},o):o));R.displayName="Button";exports.Button=R;exports.filled=L;exports.outlined=E;//# sourceMappingURL=Button.cjs.map
|
|
10
10
|
//# sourceMappingURL=Button.cjs.map
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
type ButtonProps = {
|
|
4
|
+
/** @default filled */
|
|
5
|
+
variant?: "filled" | "outlined";
|
|
6
|
+
/** @default primary */
|
|
7
|
+
color?: "black" | "accent" | "secondary";
|
|
8
|
+
isLoading?: boolean;
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
className?: string;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
start?: React.ReactNode;
|
|
13
|
+
end?: React.ReactNode;
|
|
14
|
+
} & React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
15
|
+
declare const filled: {
|
|
16
|
+
black: string;
|
|
17
|
+
accent: string;
|
|
18
|
+
secondary: string;
|
|
19
|
+
};
|
|
20
|
+
declare const outlined: {
|
|
21
|
+
black: string;
|
|
22
|
+
accent: string;
|
|
23
|
+
secondary: string;
|
|
24
|
+
};
|
|
25
|
+
declare const Button: React.ForwardRefExoticComponent<{
|
|
26
|
+
/** @default filled */
|
|
27
|
+
variant?: "filled" | "outlined";
|
|
28
|
+
/** @default primary */
|
|
29
|
+
color?: "black" | "accent" | "secondary";
|
|
30
|
+
isLoading?: boolean;
|
|
31
|
+
children: React.ReactNode;
|
|
32
|
+
className?: string;
|
|
33
|
+
disabled?: boolean;
|
|
34
|
+
start?: React.ReactNode;
|
|
35
|
+
end?: React.ReactNode;
|
|
36
|
+
} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
37
|
+
|
|
38
|
+
export { Button, type ButtonProps, filled, outlined };
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
type ButtonProps = {
|
|
4
|
+
/** @default filled */
|
|
5
|
+
variant?: "filled" | "outlined";
|
|
6
|
+
/** @default primary */
|
|
7
|
+
color?: "black" | "accent" | "secondary";
|
|
8
|
+
isLoading?: boolean;
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
className?: string;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
start?: React.ReactNode;
|
|
13
|
+
end?: React.ReactNode;
|
|
14
|
+
} & React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
15
|
+
declare const filled: {
|
|
16
|
+
black: string;
|
|
17
|
+
accent: string;
|
|
18
|
+
secondary: string;
|
|
19
|
+
};
|
|
20
|
+
declare const outlined: {
|
|
21
|
+
black: string;
|
|
22
|
+
accent: string;
|
|
23
|
+
secondary: string;
|
|
24
|
+
};
|
|
25
|
+
declare const Button: React.ForwardRefExoticComponent<{
|
|
26
|
+
/** @default filled */
|
|
27
|
+
variant?: "filled" | "outlined";
|
|
28
|
+
/** @default primary */
|
|
29
|
+
color?: "black" | "accent" | "secondary";
|
|
30
|
+
isLoading?: boolean;
|
|
31
|
+
children: React.ReactNode;
|
|
32
|
+
className?: string;
|
|
33
|
+
disabled?: boolean;
|
|
34
|
+
start?: React.ReactNode;
|
|
35
|
+
end?: React.ReactNode;
|
|
36
|
+
} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
37
|
+
|
|
38
|
+
export { Button, type ButtonProps, filled, outlined };
|
|
@@ -6,5 +6,5 @@ import*as p from'react';import p__default from'react';import {clsx}from'clsx';im
|
|
|
6
6
|
transition-colors duration-200
|
|
7
7
|
disabled:opacity-50 disabled:pointer-events-none
|
|
8
8
|
hover:opacity-80 active:scale-95
|
|
9
|
-
truncate`,y,r==="filled"?L[t]:E[t],e),disabled:s||n,type:"button",...i},typeof o=="string"?p.createElement(c,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},o):o));R.displayName="Button";
|
|
9
|
+
truncate`,y,r==="filled"?L[t]:E[t],e),disabled:s||n,type:"button",...i},typeof o=="string"?p.createElement(c,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},o):o));R.displayName="Button";export{R as Button,L as filled,E as outlined};//# sourceMappingURL=Button.js.map
|
|
10
10
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var s=require('react'),x=require('@radix-ui/react-scroll-area'),icons=require('@deckai/icons'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}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 s__default=/*#__PURE__*/_interopDefault(s);var x__namespace=/*#__PURE__*/_interopNamespace(x);function b(...o){return tailwindMerge.twMerge(clsx.clsx(o))}var R={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888"},j={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},V=o=>{if(!o)return {width:"24px",height:"24px"};let p=Array.isArray(o)?o:[o],l={},t;return p.forEach(n=>{if(typeof n=="number")t=`${n}px`;else {let[a,c]=n.split(":"),u=parseInt(c,10);l[`@media (min-width: ${j[a]})`]=`${u}px`;}}),{width:t||"24px",height:t||"24px",...Object.entries(l).reduce((n,[a,c])=>({...n,[a]:{width:c,height:c}}),{})}},g=s__default.default.forwardRef(({name:o,size:p=24,color:l="primary",title:t,className:n,style:a={},...c},u)=>{let w=icons.IconMap[o],h=V(p);return s__default.default.createElement("div",{className:b("flex justify-center items-center",n),style:{...h,"--icon-stroke":R[l],...a}},s__default.default.createElement(w,{ref:u,"aria-hidden":!t,"aria-label":t,stroke:o.includes("filled")?void 0:R[l],...c}))});g.displayName="Icon";var $="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var y=s__default.default.forwardRef(({children:o,type:p="button",className:l,disabled:t,...n},a)=>s__default.default.createElement("button",{ref:a,type:p,disabled:t,className:b("appearance-none hover:opacity-80 transition-all active:scale-95",$,t&&"opacity-50 cursor-not-allowed",l),...n},o));y.displayName="Pressable";var ne=({children:o,className:p="",gap:l=20})=>{let t=s.useRef(null),[n,a]=s.useState(!1),[c,u]=s.useState(!1),[w,h]=s.useState(!1),[k,L]=s.useState(!1),v=s.useCallback(()=>{let e=t.current;if(!e)return;let{scrollLeft:r,scrollWidth:i,clientWidth:f}=e;a(r>0),u(Math.ceil(r+f)<i);},[]),A=s.useCallback(e=>{let i=e.currentTarget.getBoundingClientRect(),f=e.clientX-i.left,C=300;h(f<C),L(f>i.width-C);},[]);s.useEffect(()=>{let e=t.current;if(!e)return;let r=new ResizeObserver(v);return r.observe(e),e.addEventListener("scroll",v),()=>{r.disconnect(),e.removeEventListener("scroll",v);}},[v]);let d=s.useCallback(e=>{let r=t.current;if(!r)return;let i=r.clientWidth*.8,f=r.scrollLeft+(e==="left"?-i:i);r.scrollTo({left:f,behavior:"smooth"});},[]),O=s.useCallback(e=>{e.key==="ArrowLeft"?d("left"):e.key==="ArrowRight"&&d("right");},[d]),E=s.useCallback(e=>{let r=t.current;if(!r)return;let i=Math.abs(e.deltaX)>Math.abs(e.deltaY);if(!i&&!e.shiftKey)return;e.preventDefault();let T=i?e.deltaX*.5:e.deltaY*1.2;r.scrollBy({left:T,behavior:"smooth"});},[]);return s.useEffect(()=>{let e=t.current;if(e)return e.addEventListener("wheel",E,{passive:!1}),()=>{e.removeEventListener("wheel",E);}},[E]),s__default.default.createElement("div",{className:`relative group ${p}`,onKeyDown:O,onMouseMove:A,onMouseLeave:()=>{h(!1),L(!1);},role:"region","aria-label":"Carousel"},s__default.default.createElement(x__namespace.Root,{className:"overflow-hidden",type:"hover"},s__default.default.createElement(x__namespace.Viewport,{ref:t,className:"w-full overflow-x-auto snap-x snap-mandatory",style:{scrollbarWidth:"none",msOverflowStyle:"none",WebkitOverflowScrolling:"touch"}},s__default.default.createElement("div",{className:"inline-flex",style:{gap:`${l}px`}},s__default.default.Children.map(o,e=>s__default.default.createElement("div",{className:"snap-start"},e))))),n&&w&&s__default.default.createElement(y,{onClick:()=>d("left"),className:"absolute left-4 top-1/2 -translate-y-1/2 z-20 transition-opacity duration-200","aria-label":"Scroll left"},s__default.default.createElement("div",{className:"flex items-center justify-center w-10 h-10 rounded-full bg-overlay backdrop-blur-sm"},s__default.default.createElement(g,{name:"arrow-left",size:24,color:"white"}))),c&&k&&s__default.default.createElement(y,{onClick:()=>d("right"),className:"absolute right-4 top-1/2 -translate-y-1/2 z-20 transition-opacity duration-200","aria-label":"Scroll right"},s__default.default.createElement("div",{className:"flex items-center justify-center w-10 h-10 rounded-full bg-overlay backdrop-blur-sm"},s__default.default.createElement(g,{name:"arrow-right",size:24,color:"white"}))))};
|
|
1
|
+
'use strict';var s=require('react'),x=require('@radix-ui/react-scroll-area'),icons=require('@deckai/icons'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}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 s__default=/*#__PURE__*/_interopDefault(s);var x__namespace=/*#__PURE__*/_interopNamespace(x);function b(...o){return tailwindMerge.twMerge(clsx.clsx(o))}var R={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888"},j={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},V=o=>{if(!o)return {width:"24px",height:"24px"};let p=Array.isArray(o)?o:[o],l={},t;return p.forEach(n=>{if(typeof n=="number")t=`${n}px`;else {let[a,c]=n.split(":"),u=parseInt(c,10);l[`@media (min-width: ${j[a]})`]=`${u}px`;}}),{width:t||"24px",height:t||"24px",...Object.entries(l).reduce((n,[a,c])=>({...n,[a]:{width:c,height:c}}),{})}},g=s__default.default.forwardRef(({name:o,size:p=24,color:l="primary",title:t,className:n,style:a={},...c},u)=>{let w=icons.IconMap[o],h=V(p);return s__default.default.createElement("div",{className:b("flex justify-center items-center",n),style:{...h,"--icon-stroke":R[l],...a}},s__default.default.createElement(w,{ref:u,"aria-hidden":!t,"aria-label":t,stroke:o.includes("filled")?void 0:R[l],...c}))});g.displayName="Icon";var $="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var y=s__default.default.forwardRef(({children:o,type:p="button",className:l,disabled:t,...n},a)=>s__default.default.createElement("button",{ref:a,type:p,disabled:t,className:b("appearance-none hover:opacity-80 transition-all active:scale-95",$,t&&"opacity-50 cursor-not-allowed",l),...n},o));y.displayName="Pressable";var ne=({children:o,className:p="",gap:l=20})=>{let t=s.useRef(null),[n,a]=s.useState(!1),[c,u]=s.useState(!1),[w,h]=s.useState(!1),[k,L]=s.useState(!1),v=s.useCallback(()=>{let e=t.current;if(!e)return;let{scrollLeft:r,scrollWidth:i,clientWidth:f}=e;a(r>0),u(Math.ceil(r+f)<i);},[]),A=s.useCallback(e=>{let i=e.currentTarget.getBoundingClientRect(),f=e.clientX-i.left,C=300;h(f<C),L(f>i.width-C);},[]);s.useEffect(()=>{let e=t.current;if(!e)return;let r=new ResizeObserver(v);return r.observe(e),e.addEventListener("scroll",v),()=>{r.disconnect(),e.removeEventListener("scroll",v);}},[v]);let d=s.useCallback(e=>{let r=t.current;if(!r)return;let i=r.clientWidth*.8,f=r.scrollLeft+(e==="left"?-i:i);r.scrollTo({left:f,behavior:"smooth"});},[]),O=s.useCallback(e=>{e.key==="ArrowLeft"?d("left"):e.key==="ArrowRight"&&d("right");},[d]),E=s.useCallback(e=>{let r=t.current;if(!r)return;let i=Math.abs(e.deltaX)>Math.abs(e.deltaY);if(!i&&!e.shiftKey)return;e.preventDefault();let T=i?e.deltaX*.5:e.deltaY*1.2;r.scrollBy({left:T,behavior:"smooth"});},[]);return s.useEffect(()=>{let e=t.current;if(e)return e.addEventListener("wheel",E,{passive:!1}),()=>{e.removeEventListener("wheel",E);}},[E]),s__default.default.createElement("div",{className:`relative group ${p}`,onKeyDown:O,onMouseMove:A,onMouseLeave:()=>{h(!1),L(!1);},role:"region","aria-label":"Carousel"},s__default.default.createElement(x__namespace.Root,{className:"overflow-hidden",type:"hover"},s__default.default.createElement(x__namespace.Viewport,{ref:t,className:"w-full overflow-x-auto snap-x snap-mandatory",style:{scrollbarWidth:"none",msOverflowStyle:"none",WebkitOverflowScrolling:"touch"}},s__default.default.createElement("div",{className:"inline-flex",style:{gap:`${l}px`}},s__default.default.Children.map(o,e=>s__default.default.createElement("div",{className:"snap-start"},e))))),n&&w&&s__default.default.createElement(y,{onClick:()=>d("left"),className:"absolute left-4 top-1/2 -translate-y-1/2 z-20 transition-opacity duration-200","aria-label":"Scroll left"},s__default.default.createElement("div",{className:"flex items-center justify-center w-10 h-10 rounded-full bg-overlay backdrop-blur-sm"},s__default.default.createElement(g,{name:"arrow-left",size:24,color:"white"}))),c&&k&&s__default.default.createElement(y,{onClick:()=>d("right"),className:"absolute right-4 top-1/2 -translate-y-1/2 z-20 transition-opacity duration-200","aria-label":"Scroll right"},s__default.default.createElement("div",{className:"flex items-center justify-center w-10 h-10 rounded-full bg-overlay backdrop-blur-sm"},s__default.default.createElement(g,{name:"arrow-right",size:24,color:"white"}))))};exports.Carousel=ne;//# sourceMappingURL=Carousel.cjs.map
|
|
2
2
|
//# sourceMappingURL=Carousel.cjs.map
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
|
|
3
|
+
type CarouselProps = {
|
|
4
|
+
children: React__default.ReactNode;
|
|
5
|
+
/** Optional className for the root element */
|
|
6
|
+
className?: string;
|
|
7
|
+
/** Optional gap between items in pixels */
|
|
8
|
+
gap?: number;
|
|
9
|
+
};
|
|
10
|
+
declare const Carousel: ({ children, className, gap }: CarouselProps) => React__default.JSX.Element;
|
|
11
|
+
|
|
12
|
+
export { Carousel, type CarouselProps };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
|
|
3
|
+
type CarouselProps = {
|
|
4
|
+
children: React__default.ReactNode;
|
|
5
|
+
/** Optional className for the root element */
|
|
6
|
+
className?: string;
|
|
7
|
+
/** Optional gap between items in pixels */
|
|
8
|
+
gap?: number;
|
|
9
|
+
};
|
|
10
|
+
declare const Carousel: ({ children, className, gap }: CarouselProps) => React__default.JSX.Element;
|
|
11
|
+
|
|
12
|
+
export { Carousel, type CarouselProps };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import s,{useRef,useState,useCallback,useEffect}from'react';import*as x from'@radix-ui/react-scroll-area';import {IconMap}from'@deckai/icons';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';function b(...o){return twMerge(clsx(o))}var R={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888"},j={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},V=o=>{if(!o)return {width:"24px",height:"24px"};let p=Array.isArray(o)?o:[o],l={},t;return p.forEach(n=>{if(typeof n=="number")t=`${n}px`;else {let[a,c]=n.split(":"),u=parseInt(c,10);l[`@media (min-width: ${j[a]})`]=`${u}px`;}}),{width:t||"24px",height:t||"24px",...Object.entries(l).reduce((n,[a,c])=>({...n,[a]:{width:c,height:c}}),{})}},g=s.forwardRef(({name:o,size:p=24,color:l="primary",title:t,className:n,style:a={},...c},u)=>{let w=IconMap[o],h=V(p);return s.createElement("div",{className:b("flex justify-center items-center",n),style:{...h,"--icon-stroke":R[l],...a}},s.createElement(w,{ref:u,"aria-hidden":!t,"aria-label":t,stroke:o.includes("filled")?void 0:R[l],...c}))});g.displayName="Icon";var $="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var y=s.forwardRef(({children:o,type:p="button",className:l,disabled:t,...n},a)=>s.createElement("button",{ref:a,type:p,disabled:t,className:b("appearance-none hover:opacity-80 transition-all active:scale-95",$,t&&"opacity-50 cursor-not-allowed",l),...n},o));y.displayName="Pressable";var ne=({children:o,className:p="",gap:l=20})=>{let t=useRef(null),[n,a]=useState(!1),[c,u]=useState(!1),[w,h]=useState(!1),[k,L]=useState(!1),v=useCallback(()=>{let e=t.current;if(!e)return;let{scrollLeft:r,scrollWidth:i,clientWidth:f}=e;a(r>0),u(Math.ceil(r+f)<i);},[]),A=useCallback(e=>{let i=e.currentTarget.getBoundingClientRect(),f=e.clientX-i.left,C=300;h(f<C),L(f>i.width-C);},[]);useEffect(()=>{let e=t.current;if(!e)return;let r=new ResizeObserver(v);return r.observe(e),e.addEventListener("scroll",v),()=>{r.disconnect(),e.removeEventListener("scroll",v);}},[v]);let d=useCallback(e=>{let r=t.current;if(!r)return;let i=r.clientWidth*.8,f=r.scrollLeft+(e==="left"?-i:i);r.scrollTo({left:f,behavior:"smooth"});},[]),O=useCallback(e=>{e.key==="ArrowLeft"?d("left"):e.key==="ArrowRight"&&d("right");},[d]),E=useCallback(e=>{let r=t.current;if(!r)return;let i=Math.abs(e.deltaX)>Math.abs(e.deltaY);if(!i&&!e.shiftKey)return;e.preventDefault();let T=i?e.deltaX*.5:e.deltaY*1.2;r.scrollBy({left:T,behavior:"smooth"});},[]);return useEffect(()=>{let e=t.current;if(e)return e.addEventListener("wheel",E,{passive:!1}),()=>{e.removeEventListener("wheel",E);}},[E]),s.createElement("div",{className:`relative group ${p}`,onKeyDown:O,onMouseMove:A,onMouseLeave:()=>{h(!1),L(!1);},role:"region","aria-label":"Carousel"},s.createElement(x.Root,{className:"overflow-hidden",type:"hover"},s.createElement(x.Viewport,{ref:t,className:"w-full overflow-x-auto snap-x snap-mandatory",style:{scrollbarWidth:"none",msOverflowStyle:"none",WebkitOverflowScrolling:"touch"}},s.createElement("div",{className:"inline-flex",style:{gap:`${l}px`}},s.Children.map(o,e=>s.createElement("div",{className:"snap-start"},e))))),n&&w&&s.createElement(y,{onClick:()=>d("left"),className:"absolute left-4 top-1/2 -translate-y-1/2 z-20 transition-opacity duration-200","aria-label":"Scroll left"},s.createElement("div",{className:"flex items-center justify-center w-10 h-10 rounded-full bg-overlay backdrop-blur-sm"},s.createElement(g,{name:"arrow-left",size:24,color:"white"}))),c&&k&&s.createElement(y,{onClick:()=>d("right"),className:"absolute right-4 top-1/2 -translate-y-1/2 z-20 transition-opacity duration-200","aria-label":"Scroll right"},s.createElement("div",{className:"flex items-center justify-center w-10 h-10 rounded-full bg-overlay backdrop-blur-sm"},s.createElement(g,{name:"arrow-right",size:24,color:"white"}))))};
|
|
1
|
+
import s,{useRef,useState,useCallback,useEffect}from'react';import*as x from'@radix-ui/react-scroll-area';import {IconMap}from'@deckai/icons';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';function b(...o){return twMerge(clsx(o))}var R={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888"},j={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},V=o=>{if(!o)return {width:"24px",height:"24px"};let p=Array.isArray(o)?o:[o],l={},t;return p.forEach(n=>{if(typeof n=="number")t=`${n}px`;else {let[a,c]=n.split(":"),u=parseInt(c,10);l[`@media (min-width: ${j[a]})`]=`${u}px`;}}),{width:t||"24px",height:t||"24px",...Object.entries(l).reduce((n,[a,c])=>({...n,[a]:{width:c,height:c}}),{})}},g=s.forwardRef(({name:o,size:p=24,color:l="primary",title:t,className:n,style:a={},...c},u)=>{let w=IconMap[o],h=V(p);return s.createElement("div",{className:b("flex justify-center items-center",n),style:{...h,"--icon-stroke":R[l],...a}},s.createElement(w,{ref:u,"aria-hidden":!t,"aria-label":t,stroke:o.includes("filled")?void 0:R[l],...c}))});g.displayName="Icon";var $="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var y=s.forwardRef(({children:o,type:p="button",className:l,disabled:t,...n},a)=>s.createElement("button",{ref:a,type:p,disabled:t,className:b("appearance-none hover:opacity-80 transition-all active:scale-95",$,t&&"opacity-50 cursor-not-allowed",l),...n},o));y.displayName="Pressable";var ne=({children:o,className:p="",gap:l=20})=>{let t=useRef(null),[n,a]=useState(!1),[c,u]=useState(!1),[w,h]=useState(!1),[k,L]=useState(!1),v=useCallback(()=>{let e=t.current;if(!e)return;let{scrollLeft:r,scrollWidth:i,clientWidth:f}=e;a(r>0),u(Math.ceil(r+f)<i);},[]),A=useCallback(e=>{let i=e.currentTarget.getBoundingClientRect(),f=e.clientX-i.left,C=300;h(f<C),L(f>i.width-C);},[]);useEffect(()=>{let e=t.current;if(!e)return;let r=new ResizeObserver(v);return r.observe(e),e.addEventListener("scroll",v),()=>{r.disconnect(),e.removeEventListener("scroll",v);}},[v]);let d=useCallback(e=>{let r=t.current;if(!r)return;let i=r.clientWidth*.8,f=r.scrollLeft+(e==="left"?-i:i);r.scrollTo({left:f,behavior:"smooth"});},[]),O=useCallback(e=>{e.key==="ArrowLeft"?d("left"):e.key==="ArrowRight"&&d("right");},[d]),E=useCallback(e=>{let r=t.current;if(!r)return;let i=Math.abs(e.deltaX)>Math.abs(e.deltaY);if(!i&&!e.shiftKey)return;e.preventDefault();let T=i?e.deltaX*.5:e.deltaY*1.2;r.scrollBy({left:T,behavior:"smooth"});},[]);return useEffect(()=>{let e=t.current;if(e)return e.addEventListener("wheel",E,{passive:!1}),()=>{e.removeEventListener("wheel",E);}},[E]),s.createElement("div",{className:`relative group ${p}`,onKeyDown:O,onMouseMove:A,onMouseLeave:()=>{h(!1),L(!1);},role:"region","aria-label":"Carousel"},s.createElement(x.Root,{className:"overflow-hidden",type:"hover"},s.createElement(x.Viewport,{ref:t,className:"w-full overflow-x-auto snap-x snap-mandatory",style:{scrollbarWidth:"none",msOverflowStyle:"none",WebkitOverflowScrolling:"touch"}},s.createElement("div",{className:"inline-flex",style:{gap:`${l}px`}},s.Children.map(o,e=>s.createElement("div",{className:"snap-start"},e))))),n&&w&&s.createElement(y,{onClick:()=>d("left"),className:"absolute left-4 top-1/2 -translate-y-1/2 z-20 transition-opacity duration-200","aria-label":"Scroll left"},s.createElement("div",{className:"flex items-center justify-center w-10 h-10 rounded-full bg-overlay backdrop-blur-sm"},s.createElement(g,{name:"arrow-left",size:24,color:"white"}))),c&&k&&s.createElement(y,{onClick:()=>d("right"),className:"absolute right-4 top-1/2 -translate-y-1/2 z-20 transition-opacity duration-200","aria-label":"Scroll right"},s.createElement("div",{className:"flex items-center justify-center w-10 h-10 rounded-full bg-overlay backdrop-blur-sm"},s.createElement(g,{name:"arrow-right",size:24,color:"white"}))))};export{ne as Carousel};//# sourceMappingURL=Carousel.js.map
|
|
2
2
|
//# sourceMappingURL=Carousel.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var s=require('react'),p=require('@radix-ui/react-collapsible'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}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 s__default=/*#__PURE__*/_interopDefault(s);var p__namespace=/*#__PURE__*/_interopNamespace(p);var b="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";function i(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var y=s__default.default.forwardRef(({children:e,type:r="button",className:t,disabled:n,...o},a)=>s__default.default.createElement("button",{ref:a,type:r,disabled:n,className:i("appearance-none hover:opacity-80 transition-all active:scale-95",b,n&&"opacity-50 cursor-not-allowed",t),...o},e));y.displayName="Pressable";var L={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},E=e=>{let[r,t]=e.split("-");return r==="heading"?L[t]||"p":r==="label"?"label":"p"},x={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},R=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[n,o]=t.split(":");return `${n}:text-${o}`}return `text-${t}`}).join(" "):"text-body-default",h=s__default.default.forwardRef(({variant:e="body-default",color:r="primary",as:t,className:n,children:o,weight:a,...c},m)=>{let l=R(e),T=r==="inherit"?"text-inherit":`text-text-${r}`,g=s__default.default.useMemo(()=>{let f=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return E(f)},[e]);return s__default.default.createElement(t||g,{ref:m,className:`font-sans antialiased ${l} ${T} ${a?`!${x[a]}`:""} ${n??""}`,...c},o)});h.displayName="Text";var v=({children:e,maxHeight:r=100})=>{let[t,n]=s__default.default.useState(!1),o=s.useRef(null),[a,c]=s.useState(r);s.useLayoutEffect(()=>{if(!o.current)return;let l=new ResizeObserver(T=>{for(let g of T)c(g.target.scrollHeight);});return l.observe(o.current),()=>l.disconnect()},[]);let m=a>r;return s__default.default.createElement(p__namespace.Root,{open:t,onOpenChange:n},s__default.default.createElement("div",{className:"relative"},s__default.default.createElement("div",{className:"overflow-hidden transition-[height] duration-300 ease-in-out",style:{height:t?`${a}px`:`${r}px`}},s__default.default.createElement("div",{ref:o,className:"w-full"},e)),m&&s__default.default.createElement(p__namespace.Trigger,{asChild:!0},s__default.default.createElement(y,{className:i("absolute -bottom-8 left-0 right-0","flex items-end justify-center","h-16 pt-8 pb-2",!t&&"bg-gradient-to-b from-transparent via-white to-white","hover:opacity-100 transition-opacity")},s__default.default.createElement(h,{variant:"label-default",color:"secondary"},t?"See less":"See more")))))};v.displayName="Collapsible";
|
|
1
|
+
'use strict';var s=require('react'),p=require('@radix-ui/react-collapsible'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}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 s__default=/*#__PURE__*/_interopDefault(s);var p__namespace=/*#__PURE__*/_interopNamespace(p);var b="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";function i(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var y=s__default.default.forwardRef(({children:e,type:r="button",className:t,disabled:n,...o},a)=>s__default.default.createElement("button",{ref:a,type:r,disabled:n,className:i("appearance-none hover:opacity-80 transition-all active:scale-95",b,n&&"opacity-50 cursor-not-allowed",t),...o},e));y.displayName="Pressable";var L={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},E=e=>{let[r,t]=e.split("-");return r==="heading"?L[t]||"p":r==="label"?"label":"p"},x={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},R=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[n,o]=t.split(":");return `${n}:text-${o}`}return `text-${t}`}).join(" "):"text-body-default",h=s__default.default.forwardRef(({variant:e="body-default",color:r="primary",as:t,className:n,children:o,weight:a,...c},m)=>{let l=R(e),T=r==="inherit"?"text-inherit":`text-text-${r}`,g=s__default.default.useMemo(()=>{let f=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return E(f)},[e]);return s__default.default.createElement(t||g,{ref:m,className:`font-sans antialiased ${l} ${T} ${a?`!${x[a]}`:""} ${n??""}`,...c},o)});h.displayName="Text";var v=({children:e,maxHeight:r=100})=>{let[t,n]=s__default.default.useState(!1),o=s.useRef(null),[a,c]=s.useState(r);s.useLayoutEffect(()=>{if(!o.current)return;let l=new ResizeObserver(T=>{for(let g of T)c(g.target.scrollHeight);});return l.observe(o.current),()=>l.disconnect()},[]);let m=a>r;return s__default.default.createElement(p__namespace.Root,{open:t,onOpenChange:n},s__default.default.createElement("div",{className:"relative"},s__default.default.createElement("div",{className:"overflow-hidden transition-[height] duration-300 ease-in-out",style:{height:t?`${a}px`:`${r}px`}},s__default.default.createElement("div",{ref:o,className:"w-full"},e)),m&&s__default.default.createElement(p__namespace.Trigger,{asChild:!0},s__default.default.createElement(y,{className:i("absolute -bottom-8 left-0 right-0","flex items-end justify-center","h-16 pt-8 pb-2",!t&&"bg-gradient-to-b from-transparent via-white to-white","hover:opacity-100 transition-opacity")},s__default.default.createElement(h,{variant:"label-default",color:"secondary"},t?"See less":"See more")))))};v.displayName="Collapsible";exports.Collapsible=v;//# sourceMappingURL=Collapsible.cjs.map
|
|
2
2
|
//# sourceMappingURL=Collapsible.cjs.map
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
|
|
3
|
+
type CollapsibleProps = {
|
|
4
|
+
children: React__default.ReactNode;
|
|
5
|
+
maxHeight?: number;
|
|
6
|
+
};
|
|
7
|
+
declare const Collapsible: {
|
|
8
|
+
({ children, maxHeight }: CollapsibleProps): React__default.JSX.Element;
|
|
9
|
+
displayName: string;
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export { Collapsible, type CollapsibleProps };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
|
|
3
|
+
type CollapsibleProps = {
|
|
4
|
+
children: React__default.ReactNode;
|
|
5
|
+
maxHeight?: number;
|
|
6
|
+
};
|
|
7
|
+
declare const Collapsible: {
|
|
8
|
+
({ children, maxHeight }: CollapsibleProps): React__default.JSX.Element;
|
|
9
|
+
displayName: string;
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export { Collapsible, type CollapsibleProps };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import s,{useRef,useState,useLayoutEffect}from'react';import*as p from'@radix-ui/react-collapsible';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';var b="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";function i(...e){return twMerge(clsx(e))}var y=s.forwardRef(({children:e,type:r="button",className:t,disabled:n,...o},a)=>s.createElement("button",{ref:a,type:r,disabled:n,className:i("appearance-none hover:opacity-80 transition-all active:scale-95",b,n&&"opacity-50 cursor-not-allowed",t),...o},e));y.displayName="Pressable";var L={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},E=e=>{let[r,t]=e.split("-");return r==="heading"?L[t]||"p":r==="label"?"label":"p"},x={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},R=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[n,o]=t.split(":");return `${n}:text-${o}`}return `text-${t}`}).join(" "):"text-body-default",h=s.forwardRef(({variant:e="body-default",color:r="primary",as:t,className:n,children:o,weight:a,...c},m)=>{let l=R(e),T=r==="inherit"?"text-inherit":`text-text-${r}`,g=s.useMemo(()=>{let f=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return E(f)},[e]);return s.createElement(t||g,{ref:m,className:`font-sans antialiased ${l} ${T} ${a?`!${x[a]}`:""} ${n??""}`,...c},o)});h.displayName="Text";var v=({children:e,maxHeight:r=100})=>{let[t,n]=s.useState(!1),o=useRef(null),[a,c]=useState(r);useLayoutEffect(()=>{if(!o.current)return;let l=new ResizeObserver(T=>{for(let g of T)c(g.target.scrollHeight);});return l.observe(o.current),()=>l.disconnect()},[]);let m=a>r;return s.createElement(p.Root,{open:t,onOpenChange:n},s.createElement("div",{className:"relative"},s.createElement("div",{className:"overflow-hidden transition-[height] duration-300 ease-in-out",style:{height:t?`${a}px`:`${r}px`}},s.createElement("div",{ref:o,className:"w-full"},e)),m&&s.createElement(p.Trigger,{asChild:!0},s.createElement(y,{className:i("absolute -bottom-8 left-0 right-0","flex items-end justify-center","h-16 pt-8 pb-2",!t&&"bg-gradient-to-b from-transparent via-white to-white","hover:opacity-100 transition-opacity")},s.createElement(h,{variant:"label-default",color:"secondary"},t?"See less":"See more")))))};v.displayName="Collapsible";
|
|
1
|
+
import s,{useRef,useState,useLayoutEffect}from'react';import*as p from'@radix-ui/react-collapsible';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';var b="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";function i(...e){return twMerge(clsx(e))}var y=s.forwardRef(({children:e,type:r="button",className:t,disabled:n,...o},a)=>s.createElement("button",{ref:a,type:r,disabled:n,className:i("appearance-none hover:opacity-80 transition-all active:scale-95",b,n&&"opacity-50 cursor-not-allowed",t),...o},e));y.displayName="Pressable";var L={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},E=e=>{let[r,t]=e.split("-");return r==="heading"?L[t]||"p":r==="label"?"label":"p"},x={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},R=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[n,o]=t.split(":");return `${n}:text-${o}`}return `text-${t}`}).join(" "):"text-body-default",h=s.forwardRef(({variant:e="body-default",color:r="primary",as:t,className:n,children:o,weight:a,...c},m)=>{let l=R(e),T=r==="inherit"?"text-inherit":`text-text-${r}`,g=s.useMemo(()=>{let f=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return E(f)},[e]);return s.createElement(t||g,{ref:m,className:`font-sans antialiased ${l} ${T} ${a?`!${x[a]}`:""} ${n??""}`,...c},o)});h.displayName="Text";var v=({children:e,maxHeight:r=100})=>{let[t,n]=s.useState(!1),o=useRef(null),[a,c]=useState(r);useLayoutEffect(()=>{if(!o.current)return;let l=new ResizeObserver(T=>{for(let g of T)c(g.target.scrollHeight);});return l.observe(o.current),()=>l.disconnect()},[]);let m=a>r;return s.createElement(p.Root,{open:t,onOpenChange:n},s.createElement("div",{className:"relative"},s.createElement("div",{className:"overflow-hidden transition-[height] duration-300 ease-in-out",style:{height:t?`${a}px`:`${r}px`}},s.createElement("div",{ref:o,className:"w-full"},e)),m&&s.createElement(p.Trigger,{asChild:!0},s.createElement(y,{className:i("absolute -bottom-8 left-0 right-0","flex items-end justify-center","h-16 pt-8 pb-2",!t&&"bg-gradient-to-b from-transparent via-white to-white","hover:opacity-100 transition-opacity")},s.createElement(h,{variant:"label-default",color:"secondary"},t?"See less":"See more")))))};v.displayName="Collapsible";export{v as Collapsible};//# sourceMappingURL=Collapsible.js.map
|
|
2
2
|
//# sourceMappingURL=Collapsible.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var l=require('react'),g=require('@radix-ui/react-popover'),h=require('@radix-ui/react-collapsible'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),icons=require('@deckai/icons');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 l__namespace=/*#__PURE__*/_interopNamespace(l);var g__namespace=/*#__PURE__*/_interopNamespace(g);var h__namespace=/*#__PURE__*/_interopNamespace(h);function m(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var S={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888"},Q={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},D=e=>{if(!e)return {width:"24px",height:"24px"};let r=Array.isArray(e)?e:[e],o={},n;return r.forEach(s=>{if(typeof s=="number")n=`${s}px`;else {let[p,i]=s.split(":"),d=parseInt(i,10);o[`@media (min-width: ${Q[p]})`]=`${d}px`;}}),{width:n||"24px",height:n||"24px",...Object.entries(o).reduce((s,[p,i])=>({...s,[p]:{width:i,height:i}}),{})}},H=l__namespace.default.forwardRef(({name:e,size:r=24,color:o="primary",title:n,className:s,style:p={},...i},d)=>{let f=icons.IconMap[e],c=D(r);return l__namespace.default.createElement("div",{className:m("flex justify-center items-center",s),style:{...c,"--icon-stroke":S[o],...p}},l__namespace.default.createElement(f,{ref:d,"aria-hidden":!n,"aria-label":n,stroke:e.includes("filled")?void 0:S[o],...i}))});H.displayName="Icon";var k=({className:e,end:r,iconName:o,color:n,size:s,title:p,label:i,labelClassName:d,id:f,children:c,forceShowFocusRing:b,...x})=>l__namespace.createElement("div",{className:"py-2"},i&&l__namespace.createElement("label",{htmlFor:f,className:m("block text-sm font-medium text-text-primary",d)},i),l__namespace.createElement("div",{className:m("relative flex flex-col gap-2 w-full rounded-lg border border-secondary-50 bg-background-0 px-3 md:py-3 py-2 text-secondary ring-offset-background disabled:opacity-50",{"ring-2 ring-primary ring-offset-2":b,"focus-within:ring-2 focus-within:ring-primary focus-within:ring-offset-2":!b})},l__namespace.createElement("div",{className:"flex relative"},l__namespace.createElement("input",{id:f,className:m("font-sans lg:text-body-default text-xs flex w-full file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-secondary text-text disabled:cursor-not-allowed md:text-md focus:outline-none",r&&"pr-10",e),...x}),r&&l__namespace.createElement("div",{className:"absolute inset-y-0 right-0 flex items-center"},o?l__namespace.createElement(H,{name:o,color:n,size:s,title:p}):r)),c));var J={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},U=e=>{let[r,o]=e.split("-");return r==="heading"?J[o]||"p":r==="label"?"label":"p"},X={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},Y=e=>e?(Array.isArray(e)?e:[e]).map(o=>{if(o.includes(":")){let[n,s]=o.split(":");return `${n}:text-${s}`}return `text-${o}`}).join(" "):"text-body-default",M=l__namespace.default.forwardRef(({variant:e="body-default",color:r="primary",as:o,className:n,children:s,weight:p,...i},d)=>{let f=Y(e),c=r==="inherit"?"text-inherit":`text-text-${r}`,b=l__namespace.default.useMemo(()=>{let E=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return U(E)},[e]);return l__namespace.default.createElement(o||b,{ref:d,className:`font-sans antialiased ${f} ${c} ${p?`!${X[p]}`:""} ${n??""}`,...i},s)});M.displayName="Text";var I="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var G=({value:e,label:r,onChange:o,selected:n,color:s,disabled:p,className:i})=>l__namespace.default.createElement("button",{type:"button",disabled:p,className:m("relative w-full text-left px-2 py-1.5 text-sm rounded","cursor-pointer hover:bg-gray-100","disabled:opacity-50 disabled:cursor-not-allowed",n&&"bg-gray-100","flex items-center gap-2",I,i),onClick:()=>{o?.(e);}},l__namespace.default.createElement(M,{variant:"body-default-medium",color:s==="danger"?"danger":"inherit"},r));var Pe=({options:e,placeholder:r="Select an item...",value:o,onChange:n,end:s,className:p,label:i,labelClassName:d,id:f,disabled:c,container:b})=>{let[x,E]=l.useState(!1),[T,v]=l.useState(""),[N,w]=l.useState({}),y=l.useMemo(()=>e.length>0&&"options"in e[0],[e]),A=l.useMemo(()=>y?e.reduce((t,a)=>[...t,...a.options],[]):e,[y,e]),B=l.useMemo(()=>o===void 0?"":A.find(a=>a.value===o)?.label?.toString()||"",[o,A]),O=l.useMemo(()=>{if(!y){let t=e.filter(a=>T&&typeof a.label=="string"?a.label.toLowerCase().includes(T.toLowerCase()):!0);return t.length>0?[{label:"",options:t}]:[]}return e.map(t=>({...t,options:t.options.filter(a=>T&&typeof a.label=="string"?a.label.toLowerCase().includes(T.toLowerCase()):!0)})).filter(t=>t.options.length>0)},[y,e,T]),z=l.useCallback(t=>{n(t),E(!1),v("");},[n]),K=l.useCallback(t=>{w(a=>({...a,[t]:!a[t]}));},[]);return l__namespace.default.useEffect(()=>{if(y){let t=e.reduce((a,L)=>({...a,[L.label]:!0}),{});w(t);}},[y,e]),l__namespace.default.createElement(g__namespace.Root,{open:x&&!c,onOpenChange:t=>{c||(E(t),t||v(""));}},l__namespace.default.createElement("div",{className:`relative w-full font-sans text-text-secondary ${p}`},l__namespace.default.createElement(g__namespace.Trigger,{asChild:!0},l__namespace.default.createElement("button",{type:"button",className:"w-full text-left",disabled:c},l__namespace.default.createElement(k,{id:f,label:i,labelClassName:d,placeholder:r,value:B,onChange:t=>v(t.target.value),end:s,className:"flex-1",forceShowFocusRing:x,disabled:c}))),l__namespace.default.createElement(g__namespace.Portal,{container:b},l__namespace.default.createElement(g__namespace.Content,{className:"w-[--radix-popover-trigger-width] p-1 bg-white rounded-md shadow-lg border mt-1 z-[9999] data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out",sideOffset:5,side:"bottom",align:"start"},l__namespace.default.createElement("div",{className:"max-h-60 overflow-auto flex flex-col items-start"},O.length>0?O.map((t,a)=>l__namespace.default.createElement(h__namespace.Root,{key:t.label||a,className:"w-full",open:N[t.label]??!0,onOpenChange:()=>t.label&&K(t.label)},t.label&&l__namespace.default.createElement(h__namespace.Trigger,{asChild:!0},l__namespace.default.createElement("button",{className:"w-full flex items-center justify-between px-2 py-1.5 hover:bg-gray-50"},l__namespace.default.createElement(M,{variant:"body-default-bold",color:"secondary"},t.label),l__namespace.default.createElement(H,{name:"arrow-down",className:m("transition-transform",N[t.label]&&"rotate-180"),size:16}))),l__namespace.default.createElement(h__namespace.Content,{className:"data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up"},t.options.map((L,F)=>l__namespace.default.createElement(G,{onChange:z,value:L.value,key:`${a}-${F}`,label:L.label,className:"pl-4"}))))):l__namespace.default.createElement("div",{className:"px-2 py-1.5 text-sm text-gray-500"},"No results found"))))))};
|
|
1
|
+
'use strict';var l=require('react'),g=require('@radix-ui/react-popover'),h=require('@radix-ui/react-collapsible'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),icons=require('@deckai/icons');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 l__namespace=/*#__PURE__*/_interopNamespace(l);var g__namespace=/*#__PURE__*/_interopNamespace(g);var h__namespace=/*#__PURE__*/_interopNamespace(h);function m(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var S={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888"},Q={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},D=e=>{if(!e)return {width:"24px",height:"24px"};let r=Array.isArray(e)?e:[e],o={},n;return r.forEach(s=>{if(typeof s=="number")n=`${s}px`;else {let[p,i]=s.split(":"),d=parseInt(i,10);o[`@media (min-width: ${Q[p]})`]=`${d}px`;}}),{width:n||"24px",height:n||"24px",...Object.entries(o).reduce((s,[p,i])=>({...s,[p]:{width:i,height:i}}),{})}},H=l__namespace.default.forwardRef(({name:e,size:r=24,color:o="primary",title:n,className:s,style:p={},...i},d)=>{let f=icons.IconMap[e],c=D(r);return l__namespace.default.createElement("div",{className:m("flex justify-center items-center",s),style:{...c,"--icon-stroke":S[o],...p}},l__namespace.default.createElement(f,{ref:d,"aria-hidden":!n,"aria-label":n,stroke:e.includes("filled")?void 0:S[o],...i}))});H.displayName="Icon";var k=({className:e,end:r,iconName:o,color:n,size:s,title:p,label:i,labelClassName:d,id:f,children:c,forceShowFocusRing:b,...x})=>l__namespace.createElement("div",{className:"py-2"},i&&l__namespace.createElement("label",{htmlFor:f,className:m("block text-sm font-medium text-text-primary",d)},i),l__namespace.createElement("div",{className:m("relative flex flex-col gap-2 w-full rounded-lg border border-secondary-50 bg-background-0 px-3 md:py-3 py-2 text-secondary ring-offset-background disabled:opacity-50",{"ring-2 ring-primary ring-offset-2":b,"focus-within:ring-2 focus-within:ring-primary focus-within:ring-offset-2":!b})},l__namespace.createElement("div",{className:"flex relative"},l__namespace.createElement("input",{id:f,className:m("font-sans lg:text-body-default text-xs flex w-full file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-secondary text-text disabled:cursor-not-allowed md:text-md focus:outline-none",r&&"pr-10",e),...x}),r&&l__namespace.createElement("div",{className:"absolute inset-y-0 right-0 flex items-center"},o?l__namespace.createElement(H,{name:o,color:n,size:s,title:p}):r)),c));var J={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},U=e=>{let[r,o]=e.split("-");return r==="heading"?J[o]||"p":r==="label"?"label":"p"},X={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},Y=e=>e?(Array.isArray(e)?e:[e]).map(o=>{if(o.includes(":")){let[n,s]=o.split(":");return `${n}:text-${s}`}return `text-${o}`}).join(" "):"text-body-default",M=l__namespace.default.forwardRef(({variant:e="body-default",color:r="primary",as:o,className:n,children:s,weight:p,...i},d)=>{let f=Y(e),c=r==="inherit"?"text-inherit":`text-text-${r}`,b=l__namespace.default.useMemo(()=>{let E=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return U(E)},[e]);return l__namespace.default.createElement(o||b,{ref:d,className:`font-sans antialiased ${f} ${c} ${p?`!${X[p]}`:""} ${n??""}`,...i},s)});M.displayName="Text";var I="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var G=({value:e,label:r,onChange:o,selected:n,color:s,disabled:p,className:i})=>l__namespace.default.createElement("button",{type:"button",disabled:p,className:m("relative w-full text-left px-2 py-1.5 text-sm rounded","cursor-pointer hover:bg-gray-100","disabled:opacity-50 disabled:cursor-not-allowed",n&&"bg-gray-100","flex items-center gap-2",I,i),onClick:()=>{o?.(e);}},l__namespace.default.createElement(M,{variant:"body-default-medium",color:s==="danger"?"danger":"inherit"},r));var Pe=({options:e,placeholder:r="Select an item...",value:o,onChange:n,end:s,className:p,label:i,labelClassName:d,id:f,disabled:c,container:b})=>{let[x,E]=l.useState(!1),[T,v]=l.useState(""),[N,w]=l.useState({}),y=l.useMemo(()=>e.length>0&&"options"in e[0],[e]),A=l.useMemo(()=>y?e.reduce((t,a)=>[...t,...a.options],[]):e,[y,e]),B=l.useMemo(()=>o===void 0?"":A.find(a=>a.value===o)?.label?.toString()||"",[o,A]),O=l.useMemo(()=>{if(!y){let t=e.filter(a=>T&&typeof a.label=="string"?a.label.toLowerCase().includes(T.toLowerCase()):!0);return t.length>0?[{label:"",options:t}]:[]}return e.map(t=>({...t,options:t.options.filter(a=>T&&typeof a.label=="string"?a.label.toLowerCase().includes(T.toLowerCase()):!0)})).filter(t=>t.options.length>0)},[y,e,T]),z=l.useCallback(t=>{n(t),E(!1),v("");},[n]),K=l.useCallback(t=>{w(a=>({...a,[t]:!a[t]}));},[]);return l__namespace.default.useEffect(()=>{if(y){let t=e.reduce((a,L)=>({...a,[L.label]:!0}),{});w(t);}},[y,e]),l__namespace.default.createElement(g__namespace.Root,{open:x&&!c,onOpenChange:t=>{c||(E(t),t||v(""));}},l__namespace.default.createElement("div",{className:`relative w-full font-sans text-text-secondary ${p}`},l__namespace.default.createElement(g__namespace.Trigger,{asChild:!0},l__namespace.default.createElement("button",{type:"button",className:"w-full text-left",disabled:c},l__namespace.default.createElement(k,{id:f,label:i,labelClassName:d,placeholder:r,value:B,onChange:t=>v(t.target.value),end:s,className:"flex-1",forceShowFocusRing:x,disabled:c}))),l__namespace.default.createElement(g__namespace.Portal,{container:b},l__namespace.default.createElement(g__namespace.Content,{className:"w-[--radix-popover-trigger-width] p-1 bg-white rounded-md shadow-lg border mt-1 z-[9999] data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out",sideOffset:5,side:"bottom",align:"start"},l__namespace.default.createElement("div",{className:"max-h-60 overflow-auto flex flex-col items-start"},O.length>0?O.map((t,a)=>l__namespace.default.createElement(h__namespace.Root,{key:t.label||a,className:"w-full",open:N[t.label]??!0,onOpenChange:()=>t.label&&K(t.label)},t.label&&l__namespace.default.createElement(h__namespace.Trigger,{asChild:!0},l__namespace.default.createElement("button",{className:"w-full flex items-center justify-between px-2 py-1.5 hover:bg-gray-50"},l__namespace.default.createElement(M,{variant:"body-default-bold",color:"secondary"},t.label),l__namespace.default.createElement(H,{name:"arrow-down",className:m("transition-transform",N[t.label]&&"rotate-180"),size:16}))),l__namespace.default.createElement(h__namespace.Content,{className:"data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up"},t.options.map((L,F)=>l__namespace.default.createElement(G,{onChange:z,value:L.value,key:`${a}-${F}`,label:L.label,className:"pl-4"}))))):l__namespace.default.createElement("div",{className:"px-2 py-1.5 text-sm text-gray-500"},"No results found"))))))};exports.Combobox=Pe;//# sourceMappingURL=Combobox.cjs.map
|
|
2
2
|
//# sourceMappingURL=Combobox.cjs.map
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { OptionProps } from './Option.cjs';
|
|
3
|
+
|
|
4
|
+
type OptionGroup = {
|
|
5
|
+
label: string;
|
|
6
|
+
options: OptionProps[];
|
|
7
|
+
};
|
|
8
|
+
type ComboboxProps = {
|
|
9
|
+
/** Options can be either a flat array or grouped */
|
|
10
|
+
options: OptionProps[] | OptionGroup[];
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
value?: string;
|
|
13
|
+
onChange: (value: string) => void;
|
|
14
|
+
end?: React__default.ReactNode;
|
|
15
|
+
className?: string;
|
|
16
|
+
/** Label text for the combobox */
|
|
17
|
+
label?: string;
|
|
18
|
+
/** Additional classes for the label */
|
|
19
|
+
labelClassName?: string;
|
|
20
|
+
/** ID for accessibility */
|
|
21
|
+
id?: string;
|
|
22
|
+
/** Whether the combobox is disabled */
|
|
23
|
+
disabled?: boolean;
|
|
24
|
+
/** Optional container for the portal */
|
|
25
|
+
container?: HTMLElement | null;
|
|
26
|
+
};
|
|
27
|
+
declare const Combobox: ({ options, placeholder, value, onChange, end, className, label, labelClassName, id, disabled, container }: ComboboxProps) => React__default.JSX.Element;
|
|
28
|
+
|
|
29
|
+
export { Combobox, type ComboboxProps, type OptionGroup };
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { OptionProps } from './Option.js';
|
|
3
|
+
|
|
4
|
+
type OptionGroup = {
|
|
5
|
+
label: string;
|
|
6
|
+
options: OptionProps[];
|
|
7
|
+
};
|
|
8
|
+
type ComboboxProps = {
|
|
9
|
+
/** Options can be either a flat array or grouped */
|
|
10
|
+
options: OptionProps[] | OptionGroup[];
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
value?: string;
|
|
13
|
+
onChange: (value: string) => void;
|
|
14
|
+
end?: React__default.ReactNode;
|
|
15
|
+
className?: string;
|
|
16
|
+
/** Label text for the combobox */
|
|
17
|
+
label?: string;
|
|
18
|
+
/** Additional classes for the label */
|
|
19
|
+
labelClassName?: string;
|
|
20
|
+
/** ID for accessibility */
|
|
21
|
+
id?: string;
|
|
22
|
+
/** Whether the combobox is disabled */
|
|
23
|
+
disabled?: boolean;
|
|
24
|
+
/** Optional container for the portal */
|
|
25
|
+
container?: HTMLElement | null;
|
|
26
|
+
};
|
|
27
|
+
declare const Combobox: ({ options, placeholder, value, onChange, end, className, label, labelClassName, id, disabled, container }: ComboboxProps) => React__default.JSX.Element;
|
|
28
|
+
|
|
29
|
+
export { Combobox, type ComboboxProps, type OptionGroup };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as l from'react';import l__default,{useState,useMemo,useCallback}from'react';import*as g from'@radix-ui/react-popover';import*as h from'@radix-ui/react-collapsible';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {IconMap}from'@deckai/icons';function m(...e){return twMerge(clsx(e))}var S={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888"},Q={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},D=e=>{if(!e)return {width:"24px",height:"24px"};let r=Array.isArray(e)?e:[e],o={},n;return r.forEach(s=>{if(typeof s=="number")n=`${s}px`;else {let[p,i]=s.split(":"),d=parseInt(i,10);o[`@media (min-width: ${Q[p]})`]=`${d}px`;}}),{width:n||"24px",height:n||"24px",...Object.entries(o).reduce((s,[p,i])=>({...s,[p]:{width:i,height:i}}),{})}},H=l__default.forwardRef(({name:e,size:r=24,color:o="primary",title:n,className:s,style:p={},...i},d)=>{let f=IconMap[e],c=D(r);return l__default.createElement("div",{className:m("flex justify-center items-center",s),style:{...c,"--icon-stroke":S[o],...p}},l__default.createElement(f,{ref:d,"aria-hidden":!n,"aria-label":n,stroke:e.includes("filled")?void 0:S[o],...i}))});H.displayName="Icon";var k=({className:e,end:r,iconName:o,color:n,size:s,title:p,label:i,labelClassName:d,id:f,children:c,forceShowFocusRing:b,...x})=>l.createElement("div",{className:"py-2"},i&&l.createElement("label",{htmlFor:f,className:m("block text-sm font-medium text-text-primary",d)},i),l.createElement("div",{className:m("relative flex flex-col gap-2 w-full rounded-lg border border-secondary-50 bg-background-0 px-3 md:py-3 py-2 text-secondary ring-offset-background disabled:opacity-50",{"ring-2 ring-primary ring-offset-2":b,"focus-within:ring-2 focus-within:ring-primary focus-within:ring-offset-2":!b})},l.createElement("div",{className:"flex relative"},l.createElement("input",{id:f,className:m("font-sans lg:text-body-default text-xs flex w-full file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-secondary text-text disabled:cursor-not-allowed md:text-md focus:outline-none",r&&"pr-10",e),...x}),r&&l.createElement("div",{className:"absolute inset-y-0 right-0 flex items-center"},o?l.createElement(H,{name:o,color:n,size:s,title:p}):r)),c));var J={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},U=e=>{let[r,o]=e.split("-");return r==="heading"?J[o]||"p":r==="label"?"label":"p"},X={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},Y=e=>e?(Array.isArray(e)?e:[e]).map(o=>{if(o.includes(":")){let[n,s]=o.split(":");return `${n}:text-${s}`}return `text-${o}`}).join(" "):"text-body-default",M=l__default.forwardRef(({variant:e="body-default",color:r="primary",as:o,className:n,children:s,weight:p,...i},d)=>{let f=Y(e),c=r==="inherit"?"text-inherit":`text-text-${r}`,b=l__default.useMemo(()=>{let E=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return U(E)},[e]);return l__default.createElement(o||b,{ref:d,className:`font-sans antialiased ${f} ${c} ${p?`!${X[p]}`:""} ${n??""}`,...i},s)});M.displayName="Text";var I="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var G=({value:e,label:r,onChange:o,selected:n,color:s,disabled:p,className:i})=>l__default.createElement("button",{type:"button",disabled:p,className:m("relative w-full text-left px-2 py-1.5 text-sm rounded","cursor-pointer hover:bg-gray-100","disabled:opacity-50 disabled:cursor-not-allowed",n&&"bg-gray-100","flex items-center gap-2",I,i),onClick:()=>{o?.(e);}},l__default.createElement(M,{variant:"body-default-medium",color:s==="danger"?"danger":"inherit"},r));var Pe=({options:e,placeholder:r="Select an item...",value:o,onChange:n,end:s,className:p,label:i,labelClassName:d,id:f,disabled:c,container:b})=>{let[x,E]=useState(!1),[T,v]=useState(""),[N,w]=useState({}),y=useMemo(()=>e.length>0&&"options"in e[0],[e]),A=useMemo(()=>y?e.reduce((t,a)=>[...t,...a.options],[]):e,[y,e]),B=useMemo(()=>o===void 0?"":A.find(a=>a.value===o)?.label?.toString()||"",[o,A]),O=useMemo(()=>{if(!y){let t=e.filter(a=>T&&typeof a.label=="string"?a.label.toLowerCase().includes(T.toLowerCase()):!0);return t.length>0?[{label:"",options:t}]:[]}return e.map(t=>({...t,options:t.options.filter(a=>T&&typeof a.label=="string"?a.label.toLowerCase().includes(T.toLowerCase()):!0)})).filter(t=>t.options.length>0)},[y,e,T]),z=useCallback(t=>{n(t),E(!1),v("");},[n]),K=useCallback(t=>{w(a=>({...a,[t]:!a[t]}));},[]);return l__default.useEffect(()=>{if(y){let t=e.reduce((a,L)=>({...a,[L.label]:!0}),{});w(t);}},[y,e]),l__default.createElement(g.Root,{open:x&&!c,onOpenChange:t=>{c||(E(t),t||v(""));}},l__default.createElement("div",{className:`relative w-full font-sans text-text-secondary ${p}`},l__default.createElement(g.Trigger,{asChild:!0},l__default.createElement("button",{type:"button",className:"w-full text-left",disabled:c},l__default.createElement(k,{id:f,label:i,labelClassName:d,placeholder:r,value:B,onChange:t=>v(t.target.value),end:s,className:"flex-1",forceShowFocusRing:x,disabled:c}))),l__default.createElement(g.Portal,{container:b},l__default.createElement(g.Content,{className:"w-[--radix-popover-trigger-width] p-1 bg-white rounded-md shadow-lg border mt-1 z-[9999] data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out",sideOffset:5,side:"bottom",align:"start"},l__default.createElement("div",{className:"max-h-60 overflow-auto flex flex-col items-start"},O.length>0?O.map((t,a)=>l__default.createElement(h.Root,{key:t.label||a,className:"w-full",open:N[t.label]??!0,onOpenChange:()=>t.label&&K(t.label)},t.label&&l__default.createElement(h.Trigger,{asChild:!0},l__default.createElement("button",{className:"w-full flex items-center justify-between px-2 py-1.5 hover:bg-gray-50"},l__default.createElement(M,{variant:"body-default-bold",color:"secondary"},t.label),l__default.createElement(H,{name:"arrow-down",className:m("transition-transform",N[t.label]&&"rotate-180"),size:16}))),l__default.createElement(h.Content,{className:"data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up"},t.options.map((L,F)=>l__default.createElement(G,{onChange:z,value:L.value,key:`${a}-${F}`,label:L.label,className:"pl-4"}))))):l__default.createElement("div",{className:"px-2 py-1.5 text-sm text-gray-500"},"No results found"))))))};
|
|
1
|
+
import*as l from'react';import l__default,{useState,useMemo,useCallback}from'react';import*as g from'@radix-ui/react-popover';import*as h from'@radix-ui/react-collapsible';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {IconMap}from'@deckai/icons';function m(...e){return twMerge(clsx(e))}var S={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB",disabled:"#888888"},Q={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},D=e=>{if(!e)return {width:"24px",height:"24px"};let r=Array.isArray(e)?e:[e],o={},n;return r.forEach(s=>{if(typeof s=="number")n=`${s}px`;else {let[p,i]=s.split(":"),d=parseInt(i,10);o[`@media (min-width: ${Q[p]})`]=`${d}px`;}}),{width:n||"24px",height:n||"24px",...Object.entries(o).reduce((s,[p,i])=>({...s,[p]:{width:i,height:i}}),{})}},H=l__default.forwardRef(({name:e,size:r=24,color:o="primary",title:n,className:s,style:p={},...i},d)=>{let f=IconMap[e],c=D(r);return l__default.createElement("div",{className:m("flex justify-center items-center",s),style:{...c,"--icon-stroke":S[o],...p}},l__default.createElement(f,{ref:d,"aria-hidden":!n,"aria-label":n,stroke:e.includes("filled")?void 0:S[o],...i}))});H.displayName="Icon";var k=({className:e,end:r,iconName:o,color:n,size:s,title:p,label:i,labelClassName:d,id:f,children:c,forceShowFocusRing:b,...x})=>l.createElement("div",{className:"py-2"},i&&l.createElement("label",{htmlFor:f,className:m("block text-sm font-medium text-text-primary",d)},i),l.createElement("div",{className:m("relative flex flex-col gap-2 w-full rounded-lg border border-secondary-50 bg-background-0 px-3 md:py-3 py-2 text-secondary ring-offset-background disabled:opacity-50",{"ring-2 ring-primary ring-offset-2":b,"focus-within:ring-2 focus-within:ring-primary focus-within:ring-offset-2":!b})},l.createElement("div",{className:"flex relative"},l.createElement("input",{id:f,className:m("font-sans lg:text-body-default text-xs flex w-full file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-secondary text-text disabled:cursor-not-allowed md:text-md focus:outline-none",r&&"pr-10",e),...x}),r&&l.createElement("div",{className:"absolute inset-y-0 right-0 flex items-center"},o?l.createElement(H,{name:o,color:n,size:s,title:p}):r)),c));var J={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},U=e=>{let[r,o]=e.split("-");return r==="heading"?J[o]||"p":r==="label"?"label":"p"},X={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},Y=e=>e?(Array.isArray(e)?e:[e]).map(o=>{if(o.includes(":")){let[n,s]=o.split(":");return `${n}:text-${s}`}return `text-${o}`}).join(" "):"text-body-default",M=l__default.forwardRef(({variant:e="body-default",color:r="primary",as:o,className:n,children:s,weight:p,...i},d)=>{let f=Y(e),c=r==="inherit"?"text-inherit":`text-text-${r}`,b=l__default.useMemo(()=>{let E=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return U(E)},[e]);return l__default.createElement(o||b,{ref:d,className:`font-sans antialiased ${f} ${c} ${p?`!${X[p]}`:""} ${n??""}`,...i},s)});M.displayName="Text";var I="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var G=({value:e,label:r,onChange:o,selected:n,color:s,disabled:p,className:i})=>l__default.createElement("button",{type:"button",disabled:p,className:m("relative w-full text-left px-2 py-1.5 text-sm rounded","cursor-pointer hover:bg-gray-100","disabled:opacity-50 disabled:cursor-not-allowed",n&&"bg-gray-100","flex items-center gap-2",I,i),onClick:()=>{o?.(e);}},l__default.createElement(M,{variant:"body-default-medium",color:s==="danger"?"danger":"inherit"},r));var Pe=({options:e,placeholder:r="Select an item...",value:o,onChange:n,end:s,className:p,label:i,labelClassName:d,id:f,disabled:c,container:b})=>{let[x,E]=useState(!1),[T,v]=useState(""),[N,w]=useState({}),y=useMemo(()=>e.length>0&&"options"in e[0],[e]),A=useMemo(()=>y?e.reduce((t,a)=>[...t,...a.options],[]):e,[y,e]),B=useMemo(()=>o===void 0?"":A.find(a=>a.value===o)?.label?.toString()||"",[o,A]),O=useMemo(()=>{if(!y){let t=e.filter(a=>T&&typeof a.label=="string"?a.label.toLowerCase().includes(T.toLowerCase()):!0);return t.length>0?[{label:"",options:t}]:[]}return e.map(t=>({...t,options:t.options.filter(a=>T&&typeof a.label=="string"?a.label.toLowerCase().includes(T.toLowerCase()):!0)})).filter(t=>t.options.length>0)},[y,e,T]),z=useCallback(t=>{n(t),E(!1),v("");},[n]),K=useCallback(t=>{w(a=>({...a,[t]:!a[t]}));},[]);return l__default.useEffect(()=>{if(y){let t=e.reduce((a,L)=>({...a,[L.label]:!0}),{});w(t);}},[y,e]),l__default.createElement(g.Root,{open:x&&!c,onOpenChange:t=>{c||(E(t),t||v(""));}},l__default.createElement("div",{className:`relative w-full font-sans text-text-secondary ${p}`},l__default.createElement(g.Trigger,{asChild:!0},l__default.createElement("button",{type:"button",className:"w-full text-left",disabled:c},l__default.createElement(k,{id:f,label:i,labelClassName:d,placeholder:r,value:B,onChange:t=>v(t.target.value),end:s,className:"flex-1",forceShowFocusRing:x,disabled:c}))),l__default.createElement(g.Portal,{container:b},l__default.createElement(g.Content,{className:"w-[--radix-popover-trigger-width] p-1 bg-white rounded-md shadow-lg border mt-1 z-[9999] data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out",sideOffset:5,side:"bottom",align:"start"},l__default.createElement("div",{className:"max-h-60 overflow-auto flex flex-col items-start"},O.length>0?O.map((t,a)=>l__default.createElement(h.Root,{key:t.label||a,className:"w-full",open:N[t.label]??!0,onOpenChange:()=>t.label&&K(t.label)},t.label&&l__default.createElement(h.Trigger,{asChild:!0},l__default.createElement("button",{className:"w-full flex items-center justify-between px-2 py-1.5 hover:bg-gray-50"},l__default.createElement(M,{variant:"body-default-bold",color:"secondary"},t.label),l__default.createElement(H,{name:"arrow-down",className:m("transition-transform",N[t.label]&&"rotate-180"),size:16}))),l__default.createElement(h.Content,{className:"data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up"},t.options.map((L,F)=>l__default.createElement(G,{onChange:z,value:L.value,key:`${a}-${F}`,label:L.label,className:"pl-4"}))))):l__default.createElement("div",{className:"px-2 py-1.5 text-sm text-gray-500"},"No results found"))))))};export{Pe as Combobox};//# sourceMappingURL=Combobox.js.map
|
|
2
2
|
//# sourceMappingURL=Combobox.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var i=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var i__default=/*#__PURE__*/_interopDefault(i);var p=({icon:e,size:t=40,className:r})=>{let o=i.useMemo(()=>{let n=new DOMParser().parseFromString(e,"image/svg+xml").querySelector("svg");if(!n)return null;n.setAttribute("width","100%"),n.setAttribute("height","100%"),n.setAttribute("preserveAspectRatio","xMidYMid meet");let l=n.getAttribute("viewBox")||"0 0 40 40";return n.setAttribute("viewBox",l),n.outerHTML},[e]);return o?i__default.default.createElement("div",{style:{width:t,height:t,display:"flex",alignItems:"center",justifyContent:"center"},className:r,dangerouslySetInnerHTML:{__html:o}}):null};p.displayName="IconRenderer";var L={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},x=e=>{let[t,r]=e.split("-");return t==="heading"?L[r]||"p":t==="label"?"label":"p"},E={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},A=e=>e?(Array.isArray(e)?e:[e]).map(r=>{if(r.includes(":")){let[o,s]=r.split(":");return `${o}:text-${s}`}return `text-${r}`}).join(" "):"text-body-default",m=i__default.default.forwardRef(({variant:e="body-default",color:t="primary",as:r,className:o,children:s,weight:a,...n},l)=>{let h=A(e),u=t==="inherit"?"text-inherit":`text-text-${t}`,f=i__default.default.useMemo(()=>{let b=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return x(b)},[e]);return i__default.default.createElement(r||f,{ref:l,className:`font-sans antialiased ${h} ${u} ${a?`!${E[a]}`:""} ${o??""}`,...n},s)});m.displayName="Text";function T(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var g="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var d=({children:e,color:t="inherit",variant:r="body-default-semibold",href:o,className:s,...a})=>i__default.default.createElement(m,{variant:r,color:t},i__default.default.createElement("a",{href:o,className:T("hover:opacity-80 transition-all ease-in-out active:scale-95 hover:underline",g,s),...a},e));var Q=({icon:e,children:t,href:r,...o})=>i__default.default.createElement("div",{className:"row gap-2 flex items-center"},i__default.default.createElement("div",{className:"bg-secondary-400 rounded-full p-2.5 items-center justify-center"},i__default.default.createElement(p,{icon:e,size:18,className:"text-text"})),i__default.default.createElement(d,{className:"hover:underline",href:r,...o,variant:["body-default-semibold","md:body-default-semibold"]},t));
|
|
1
|
+
'use strict';var i=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var i__default=/*#__PURE__*/_interopDefault(i);var p=({icon:e,size:t=40,className:r})=>{let o=i.useMemo(()=>{let n=new DOMParser().parseFromString(e,"image/svg+xml").querySelector("svg");if(!n)return null;n.setAttribute("width","100%"),n.setAttribute("height","100%"),n.setAttribute("preserveAspectRatio","xMidYMid meet");let l=n.getAttribute("viewBox")||"0 0 40 40";return n.setAttribute("viewBox",l),n.outerHTML},[e]);return o?i__default.default.createElement("div",{style:{width:t,height:t,display:"flex",alignItems:"center",justifyContent:"center"},className:r,dangerouslySetInnerHTML:{__html:o}}):null};p.displayName="IconRenderer";var L={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},x=e=>{let[t,r]=e.split("-");return t==="heading"?L[r]||"p":t==="label"?"label":"p"},E={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},A=e=>e?(Array.isArray(e)?e:[e]).map(r=>{if(r.includes(":")){let[o,s]=r.split(":");return `${o}:text-${s}`}return `text-${r}`}).join(" "):"text-body-default",m=i__default.default.forwardRef(({variant:e="body-default",color:t="primary",as:r,className:o,children:s,weight:a,...n},l)=>{let h=A(e),u=t==="inherit"?"text-inherit":`text-text-${t}`,f=i__default.default.useMemo(()=>{let b=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return x(b)},[e]);return i__default.default.createElement(r||f,{ref:l,className:`font-sans antialiased ${h} ${u} ${a?`!${E[a]}`:""} ${o??""}`,...n},s)});m.displayName="Text";function T(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var g="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var d=({children:e,color:t="inherit",variant:r="body-default-semibold",href:o,className:s,...a})=>i__default.default.createElement(m,{variant:r,color:t},i__default.default.createElement("a",{href:o,className:T("hover:opacity-80 transition-all ease-in-out active:scale-95 hover:underline",g,s),...a},e));var Q=({icon:e,children:t,href:r,...o})=>i__default.default.createElement("div",{className:"row gap-2 flex items-center"},i__default.default.createElement("div",{className:"bg-secondary-400 rounded-full p-2.5 items-center justify-center"},i__default.default.createElement(p,{icon:e,size:18,className:"text-text"})),i__default.default.createElement(d,{className:"hover:underline",href:r,...o,variant:["body-default-semibold","md:body-default-semibold"]},t));exports.ContactItem=Q;//# sourceMappingURL=ContactItem.cjs.map
|
|
2
2
|
//# sourceMappingURL=ContactItem.cjs.map
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React__default, { HTMLAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
type ContactItemProps = {
|
|
4
|
+
icon: string;
|
|
5
|
+
children: React__default.ReactNode;
|
|
6
|
+
href: string;
|
|
7
|
+
} & Omit<HTMLAttributes<HTMLAnchorElement>, "color">;
|
|
8
|
+
declare const ContactItem: ({ icon, children, href, ...linkProps }: ContactItemProps) => React__default.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { ContactItem, type ContactItemProps };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React__default, { HTMLAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
type ContactItemProps = {
|
|
4
|
+
icon: string;
|
|
5
|
+
children: React__default.ReactNode;
|
|
6
|
+
href: string;
|
|
7
|
+
} & Omit<HTMLAttributes<HTMLAnchorElement>, "color">;
|
|
8
|
+
declare const ContactItem: ({ icon, children, href, ...linkProps }: ContactItemProps) => React__default.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { ContactItem, type ContactItemProps };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import i,{useMemo}from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';var p=({icon:e,size:t=40,className:r})=>{let o=useMemo(()=>{let n=new DOMParser().parseFromString(e,"image/svg+xml").querySelector("svg");if(!n)return null;n.setAttribute("width","100%"),n.setAttribute("height","100%"),n.setAttribute("preserveAspectRatio","xMidYMid meet");let l=n.getAttribute("viewBox")||"0 0 40 40";return n.setAttribute("viewBox",l),n.outerHTML},[e]);return o?i.createElement("div",{style:{width:t,height:t,display:"flex",alignItems:"center",justifyContent:"center"},className:r,dangerouslySetInnerHTML:{__html:o}}):null};p.displayName="IconRenderer";var L={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},x=e=>{let[t,r]=e.split("-");return t==="heading"?L[r]||"p":t==="label"?"label":"p"},E={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},A=e=>e?(Array.isArray(e)?e:[e]).map(r=>{if(r.includes(":")){let[o,s]=r.split(":");return `${o}:text-${s}`}return `text-${r}`}).join(" "):"text-body-default",m=i.forwardRef(({variant:e="body-default",color:t="primary",as:r,className:o,children:s,weight:a,...n},l)=>{let h=A(e),u=t==="inherit"?"text-inherit":`text-text-${t}`,f=i.useMemo(()=>{let b=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return x(b)},[e]);return i.createElement(r||f,{ref:l,className:`font-sans antialiased ${h} ${u} ${a?`!${E[a]}`:""} ${o??""}`,...n},s)});m.displayName="Text";function T(...e){return twMerge(clsx(e))}var g="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var d=({children:e,color:t="inherit",variant:r="body-default-semibold",href:o,className:s,...a})=>i.createElement(m,{variant:r,color:t},i.createElement("a",{href:o,className:T("hover:opacity-80 transition-all ease-in-out active:scale-95 hover:underline",g,s),...a},e));var Q=({icon:e,children:t,href:r,...o})=>i.createElement("div",{className:"row gap-2 flex items-center"},i.createElement("div",{className:"bg-secondary-400 rounded-full p-2.5 items-center justify-center"},i.createElement(p,{icon:e,size:18,className:"text-text"})),i.createElement(d,{className:"hover:underline",href:r,...o,variant:["body-default-semibold","md:body-default-semibold"]},t));
|
|
1
|
+
import i,{useMemo}from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';var p=({icon:e,size:t=40,className:r})=>{let o=useMemo(()=>{let n=new DOMParser().parseFromString(e,"image/svg+xml").querySelector("svg");if(!n)return null;n.setAttribute("width","100%"),n.setAttribute("height","100%"),n.setAttribute("preserveAspectRatio","xMidYMid meet");let l=n.getAttribute("viewBox")||"0 0 40 40";return n.setAttribute("viewBox",l),n.outerHTML},[e]);return o?i.createElement("div",{style:{width:t,height:t,display:"flex",alignItems:"center",justifyContent:"center"},className:r,dangerouslySetInnerHTML:{__html:o}}):null};p.displayName="IconRenderer";var L={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},x=e=>{let[t,r]=e.split("-");return t==="heading"?L[r]||"p":t==="label"?"label":"p"},E={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},A=e=>e?(Array.isArray(e)?e:[e]).map(r=>{if(r.includes(":")){let[o,s]=r.split(":");return `${o}:text-${s}`}return `text-${r}`}).join(" "):"text-body-default",m=i.forwardRef(({variant:e="body-default",color:t="primary",as:r,className:o,children:s,weight:a,...n},l)=>{let h=A(e),u=t==="inherit"?"text-inherit":`text-text-${t}`,f=i.useMemo(()=>{let b=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return x(b)},[e]);return i.createElement(r||f,{ref:l,className:`font-sans antialiased ${h} ${u} ${a?`!${E[a]}`:""} ${o??""}`,...n},s)});m.displayName="Text";function T(...e){return twMerge(clsx(e))}var g="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var d=({children:e,color:t="inherit",variant:r="body-default-semibold",href:o,className:s,...a})=>i.createElement(m,{variant:r,color:t},i.createElement("a",{href:o,className:T("hover:opacity-80 transition-all ease-in-out active:scale-95 hover:underline",g,s),...a},e));var Q=({icon:e,children:t,href:r,...o})=>i.createElement("div",{className:"row gap-2 flex items-center"},i.createElement("div",{className:"bg-secondary-400 rounded-full p-2.5 items-center justify-center"},i.createElement(p,{icon:e,size:18,className:"text-text"})),i.createElement(d,{className:"hover:underline",href:r,...o,variant:["body-default-semibold","md:body-default-semibold"]},t));export{Q as ContactItem};//# sourceMappingURL=ContactItem.js.map
|
|
2
2
|
//# sourceMappingURL=ContactItem.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var o=require('react'),n=require('@radix-ui/react-dropdown-menu'),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 n__namespace=/*#__PURE__*/_interopNamespace(n);function c(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var L={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},E=e=>{let[r,t]=e.split("-");return r==="heading"?L[t]||"p":r==="label"?"label":"p"},x={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},R=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[a,i]=t.split(":");return `${a}:text-${i}`}return `text-${t}`}).join(" "):"text-body-default",g=o__namespace.default.forwardRef(({variant:e="body-default",color:r="primary",as:t,className:a,children:i,weight:p,...l},s)=>{let u=R(e),h=r==="inherit"?"text-inherit":`text-text-${r}`,b=o__namespace.default.useMemo(()=>{let f=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return E(f)},[e]);return o__namespace.default.createElement(t||b,{ref:s,className:`font-sans antialiased ${u} ${h} ${p?`!${x[p]}`:""} ${a??""}`,...l},i)});g.displayName="Text";var m="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var y=({value:e,label:r,onChange:t,selected:a,color:i,disabled:p,className:l})=>o__namespace.default.createElement("button",{type:"button",disabled:p,className:c("relative w-full text-left px-2 py-1.5 text-sm rounded","cursor-pointer hover:bg-gray-100","disabled:opacity-50 disabled:cursor-not-allowed",a&&"bg-gray-100","flex items-center gap-2",m,l),onClick:()=>{t?.(e);}},o__namespace.default.createElement(g,{variant:"body-default-medium",color:i==="danger"?"danger":"inherit"},r));var $=o__namespace.forwardRef(({trigger:e,items:r,className:t,onSelect:a,align:i="end"},p)=>{let l=o__namespace.useCallback(s=>{a?.(s);},[a]);return o__namespace.createElement(n__namespace.Root,null,o__namespace.createElement(n__namespace.Trigger,{asChild:!0},e),o__namespace.createElement(n__namespace.Portal,null,o__namespace.createElement(n__namespace.Content,{ref:p,align:i,sideOffset:8,className:c("z-50 min-w-[220px]","bg-white rounded-lg p-1","shadow-lg border border-gray-100","animate-in fade-in-0 zoom-in-95",t)},r.map(s=>o__namespace.createElement(n__namespace.Item,{key:s.value,disabled:s.disabled,onSelect:()=>l(s.value),className:"outline-none",asChild:!0},o__namespace.createElement(y,{...s,className:"py-3 px-6",onChange:l}))))))});$.displayName="Dropdown";
|
|
1
|
+
'use strict';var o=require('react'),n=require('@radix-ui/react-dropdown-menu'),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 n__namespace=/*#__PURE__*/_interopNamespace(n);function c(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var L={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},E=e=>{let[r,t]=e.split("-");return r==="heading"?L[t]||"p":r==="label"?"label":"p"},x={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},R=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[a,i]=t.split(":");return `${a}:text-${i}`}return `text-${t}`}).join(" "):"text-body-default",g=o__namespace.default.forwardRef(({variant:e="body-default",color:r="primary",as:t,className:a,children:i,weight:p,...l},s)=>{let u=R(e),h=r==="inherit"?"text-inherit":`text-text-${r}`,b=o__namespace.default.useMemo(()=>{let f=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return E(f)},[e]);return o__namespace.default.createElement(t||b,{ref:s,className:`font-sans antialiased ${u} ${h} ${p?`!${x[p]}`:""} ${a??""}`,...l},i)});g.displayName="Text";var m="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var y=({value:e,label:r,onChange:t,selected:a,color:i,disabled:p,className:l})=>o__namespace.default.createElement("button",{type:"button",disabled:p,className:c("relative w-full text-left px-2 py-1.5 text-sm rounded","cursor-pointer hover:bg-gray-100","disabled:opacity-50 disabled:cursor-not-allowed",a&&"bg-gray-100","flex items-center gap-2",m,l),onClick:()=>{t?.(e);}},o__namespace.default.createElement(g,{variant:"body-default-medium",color:i==="danger"?"danger":"inherit"},r));var $=o__namespace.forwardRef(({trigger:e,items:r,className:t,onSelect:a,align:i="end"},p)=>{let l=o__namespace.useCallback(s=>{a?.(s);},[a]);return o__namespace.createElement(n__namespace.Root,null,o__namespace.createElement(n__namespace.Trigger,{asChild:!0},e),o__namespace.createElement(n__namespace.Portal,null,o__namespace.createElement(n__namespace.Content,{ref:p,align:i,sideOffset:8,className:c("z-50 min-w-[220px]","bg-white rounded-lg p-1","shadow-lg border border-gray-100","animate-in fade-in-0 zoom-in-95",t)},r.map(s=>o__namespace.createElement(n__namespace.Item,{key:s.value,disabled:s.disabled,onSelect:()=>l(s.value),className:"outline-none",asChild:!0},o__namespace.createElement(y,{...s,className:"py-3 px-6",onChange:l}))))))});$.displayName="Dropdown";exports.Dropdown=$;//# sourceMappingURL=Dropdown.cjs.map
|
|
2
2
|
//# sourceMappingURL=Dropdown.cjs.map
|