@petnow/ui 4.1.4 → 4.1.6
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/dist/{Popup-Cr_pMP7h.js → Popup-BCBW_e8Q.js} +2 -2
- package/dist/{Popup-Cr_pMP7h.js.map → Popup-BCBW_e8Q.js.map} +1 -1
- package/dist/{TailwindUtil-aZk2bbTo.js → TailwindUtil-DiNvXuNl.js} +1 -1
- package/dist/{TailwindUtil-aZk2bbTo.js.map → TailwindUtil-DiNvXuNl.js.map} +1 -1
- package/dist/index.css +2 -2
- package/dist/index.es.js +1 -2
- package/dist/src/App.d.ts +1 -1
- package/dist/src/components/ui/button.d.ts +1 -1
- package/dist/src/components/ui/dialog.d.ts +2 -2
- package/dist/src/components/v0/checkbox/Checkbox.d.ts +1 -1
- package/dist/src/components/v0/radio/Radio.d.ts +1 -1
- package/dist/src/components/v0/tabs/Tabs.d.ts +1 -1
- package/dist/src/components/v0/toggle/Toggle.d.ts +1 -1
- package/dist/src/components/v1/chip/Chip.d.ts +1 -1
- package/dist/src/components/v1/icons/action/CancelFilledIcon.d.ts +1 -1
- package/dist/src/components/v1/icons/action/CancelIcon.d.ts +1 -1
- package/dist/src/components/v1/icons/action/ChevronDownIcon.d.ts +1 -1
- package/dist/src/components/v1/icons/action/ChevronLeftIcon.d.ts +1 -1
- package/dist/src/components/v1/icons/action/ChevronRightIcon.d.ts +1 -1
- package/dist/src/components/v1/icons/action/ChevronUpIcon.d.ts +1 -1
- package/dist/src/components/v1/icons/action/FilterIcon.d.ts +1 -1
- package/dist/src/components/v1/icons/action/RetryIcon.d.ts +1 -1
- package/dist/src/components/v1/icons/action/SortingIcon.d.ts +1 -1
- package/dist/src/components/v1/icons/static/CloseIcon.d.ts +1 -1
- package/dist/src/components/v1/icons/static/DeleteIcon.d.ts +1 -1
- package/dist/src/components/v1/icons/static/RecentIcon.d.ts +1 -1
- package/dist/src/components/v1/icons/static/ReportIcon.d.ts +1 -1
- package/dist/src/components/v1/icons/static/ShieldDoneIcon.d.ts +1 -1
- package/dist/src/components/v1/popup/Popup.d.ts +1 -1
- package/dist/src/components/v1/text-field/TextField.d.ts +1 -1
- package/dist/v0/checkbox.js +1 -1
- package/dist/v0/checkbox.js.map +1 -1
- package/dist/v0/radio.js +1 -1
- package/dist/v0/radio.js.map +1 -1
- package/dist/v0/tabs.js +1 -1
- package/dist/v0/tabs.js.map +1 -1
- package/dist/v0/toggle.js +1 -1
- package/dist/v0/toggle.js.map +1 -1
- package/dist/v1/badge.js +1 -1
- package/dist/v1/badge.js.map +1 -1
- package/dist/v1/chip.js +1 -1
- package/dist/v1/chip.js.map +1 -1
- package/dist/v1/cta-button.js +1 -1
- package/dist/v1/cta-button.js.map +1 -1
- package/dist/v1/icons/action/cancel-filled.js.map +1 -1
- package/dist/v1/icons/action/cancel.js.map +1 -1
- package/dist/v1/icons/action/chevron-down.js.map +1 -1
- package/dist/v1/icons/action/chevron-left.js.map +1 -1
- package/dist/v1/icons/action/chevron-right.js.map +1 -1
- package/dist/v1/icons/action/chevron-up.js.map +1 -1
- package/dist/v1/icons/action/filter.js.map +1 -1
- package/dist/v1/icons/action/retry.js.map +1 -1
- package/dist/v1/icons/action/sorting.js.map +1 -1
- package/dist/v1/icons/static/close.js.map +1 -1
- package/dist/v1/icons/static/delete.js.map +1 -1
- package/dist/v1/icons/static/recent.js.map +1 -1
- package/dist/v1/icons/static/report.js.map +1 -1
- package/dist/v1/icons/static/shield-done.js.map +1 -1
- package/dist/v1/popup.js +1 -2
- package/dist/v1/text-field.js +1 -1
- package/dist/v1/text-field.js.map +1 -1
- package/package.json +21 -21
- package/petnow-design-system-v1.css +6 -0
|
@@ -18,5 +18,5 @@ export interface PopupProps {
|
|
|
18
18
|
preventEasyClose?: boolean;
|
|
19
19
|
className?: string;
|
|
20
20
|
}
|
|
21
|
-
declare const Popup: ({ isOpen, setIsOpen, onClose, title, description, content, confirm, cancel, preventEasyClose, className, }: PopupProps) =>
|
|
21
|
+
declare const Popup: ({ isOpen, setIsOpen, onClose, title, description, content, confirm, cancel, preventEasyClose, className, }: PopupProps) => React.JSX.Element;
|
|
22
22
|
export { Popup };
|
|
@@ -30,7 +30,7 @@ interface TextFieldSelectProps extends VariantProps<typeof textFieldSelectVarian
|
|
|
30
30
|
className?: string;
|
|
31
31
|
size?: "large" | "small";
|
|
32
32
|
}
|
|
33
|
-
declare const TextFieldSelect: ({ label, placeholder, value, isRequired, disabled, assistiveText, errorText, onPress, className, size, }: TextFieldSelectProps) =>
|
|
33
|
+
declare const TextFieldSelect: ({ label, placeholder, value, isRequired, disabled, assistiveText, errorText, onPress, className, size, }: TextFieldSelectProps) => React.JSX.Element;
|
|
34
34
|
interface TextFieldWithButtonProps extends Omit<React.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, "size"> {
|
|
35
35
|
subtitle?: string;
|
|
36
36
|
isRequired?: boolean;
|
package/dist/v0/checkbox.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../TailwindUtil-
|
|
1
|
+
import { t as e } from "../TailwindUtil-DiNvXuNl.js";
|
|
2
2
|
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
3
3
|
//#region src/components/v0/checkbox/Checkbox.tsx
|
|
4
4
|
var r = ({ className: r, id: i, onChange: a, disabled: o, isChecked: s }) => /* @__PURE__ */ n("label", {
|
package/dist/v0/checkbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","names":[],"sources":["../../src/components/v0/checkbox/Checkbox.tsx"],"sourcesContent":["import { cn } from \"../../../utils/TailwindUtil\";\n\ninterface Props {\n className?: string;\n id?: string;\n onChange?: (newValue: boolean) => void;\n disabled?: boolean;\n isChecked?: boolean;\n}\n\nconst Checkbox = ({ className, id, onChange, disabled, isChecked }: Props) => {\n return (\n <label className=\"relative flex h-min w-min cursor-pointer items-center rounded-full\" htmlFor={id}>\n <input\n type=\"checkbox\"\n disabled={disabled}\n className={cn(\n className,\n \"before:content[''] peer bg-petnow-grey-primary checked:border-petnow-orange-primary checked:bg-petnow-orange-primary checked:before:bg-petnow-orange-primary border-petnow-grey-primary relative size-6 cursor-pointer appearance-none rounded-xl border transition-all before:absolute before:top-2/4 before:left-2/4 before:block before:h-6 before:w-6 before:-translate-x-2/4 before:-translate-y-2/4 before:rounded-full before:opacity-0 before:transition-opacity\",\n )}\n id={id}\n checked={isChecked}\n onChange={(event) => {\n onChange?.(event.target.checked);\n }}\n />\n <span className=\"text-petnow-grey-secondary pointer-events-none absolute top-2/4 left-2/4 -translate-x-2/4 -translate-y-2/4 transition peer-checked:text-white\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-4 w-4\"\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n stroke=\"currentColor\"\n strokeWidth=\"1\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\"\n clipRule=\"evenodd\"\n ></path>\n </svg>\n </span>\n </label>\n );\n};\n\nexport default Checkbox;\n"],"mappings":";;;AAUA,IAAM,KAAY,EAAE,cAAW,OAAI,aAAU,aAAU,mBAEnD,kBAAC,SAAD;CAAO,WAAU;CAAqE,SAAS;WAA/F,CACE,kBAAC,SAAD;EACE,MAAK;EACK;EACV,WAAW,EACT,GACA,
|
|
1
|
+
{"version":3,"file":"checkbox.js","names":[],"sources":["../../src/components/v0/checkbox/Checkbox.tsx"],"sourcesContent":["import { cn } from \"../../../utils/TailwindUtil\";\n\ninterface Props {\n className?: string;\n id?: string;\n onChange?: (newValue: boolean) => void;\n disabled?: boolean;\n isChecked?: boolean;\n}\n\nconst Checkbox = ({ className, id, onChange, disabled, isChecked }: Props) => {\n return (\n <label className=\"relative flex h-min w-min cursor-pointer items-center rounded-full\" htmlFor={id}>\n <input\n type=\"checkbox\"\n disabled={disabled}\n className={cn(\n className,\n \"before:content[''] peer bg-petnow-grey-primary checked:border-petnow-orange-primary checked:bg-petnow-orange-primary checked:before:bg-petnow-orange-primary border-petnow-grey-primary relative size-6 cursor-pointer appearance-none rounded-xl border transition-all before:absolute before:top-2/4 before:left-2/4 before:block before:h-6 before:w-6 before:-translate-x-2/4 before:-translate-y-2/4 before:rounded-full before:opacity-0 before:transition-opacity\",\n )}\n id={id}\n checked={isChecked}\n onChange={(event) => {\n onChange?.(event.target.checked);\n }}\n />\n <span className=\"text-petnow-grey-secondary pointer-events-none absolute top-2/4 left-2/4 -translate-x-2/4 -translate-y-2/4 transition peer-checked:text-white\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-4 w-4\"\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n stroke=\"currentColor\"\n strokeWidth=\"1\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\"\n clipRule=\"evenodd\"\n ></path>\n </svg>\n </span>\n </label>\n );\n};\n\nexport default Checkbox;\n"],"mappings":";;;AAUA,IAAM,KAAY,EAAE,cAAW,OAAI,aAAU,aAAU,mBAEnD,kBAAC,SAAD;CAAO,WAAU;CAAqE,SAAS;WAA/F,CACE,kBAAC,SAAD;EACE,MAAK;EACK;EACV,WAAW,EACT,GACA,0cACF;EACI;EACJ,SAAS;EACT,WAAW,MAAU;GACnB,IAAW,EAAM,OAAO,OAAO;EACjC;CACD,CAAA,GACD,kBAAC,QAAD;EAAM,WAAU;YACd,kBAAC,OAAD;GACE,OAAM;GACN,WAAU;GACV,SAAQ;GACR,MAAK;GACL,QAAO;GACP,aAAY;aAEZ,kBAAC,QAAD;IACE,UAAS;IACT,GAAE;IACF,UAAS;GACJ,CAAA;EACJ,CAAA;CACD,CAAA,CACD"}
|
package/dist/v0/radio.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../TailwindUtil-
|
|
1
|
+
import { t as e } from "../TailwindUtil-DiNvXuNl.js";
|
|
2
2
|
import { jsx as t } from "react/jsx-runtime";
|
|
3
3
|
//#region src/components/v0/radio/Radio.tsx
|
|
4
4
|
var n = ({ className: n, id: r, name: i, onChange: a, disabled: o, isChecked: s }) => /* @__PURE__ */ t("input", {
|
package/dist/v0/radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.js","names":[],"sources":["../../src/components/v0/radio/Radio.tsx"],"sourcesContent":["import { cn } from \"../../../utils/TailwindUtil\";\n\ninterface Props {\n className?: string;\n id?: string;\n name?: string;\n onChange?: () => void;\n disabled?: boolean;\n isChecked?: boolean;\n}\n\nconst Radio = ({ className, id, name, onChange, disabled, isChecked }: Props) => {\n return (\n <input\n type=\"radio\"\n disabled={disabled}\n checked={isChecked}\n id={id}\n name={name}\n className={cn(\"petnowRadio size-[3.5vw]\", className)}\n onChange={onChange}\n />\n );\n};\n\nexport default Radio;\n"],"mappings":";;;AAWA,IAAM,KAAS,EAAE,cAAW,OAAI,SAAM,aAAU,aAAU,mBAEtD,kBAAC,SAAD;CACE,MAAK;CACK;CACV,SAAS;CACL;CACE;CACN,WAAW,EAAG,4BAA4B,
|
|
1
|
+
{"version":3,"file":"radio.js","names":[],"sources":["../../src/components/v0/radio/Radio.tsx"],"sourcesContent":["import { cn } from \"../../../utils/TailwindUtil\";\n\ninterface Props {\n className?: string;\n id?: string;\n name?: string;\n onChange?: () => void;\n disabled?: boolean;\n isChecked?: boolean;\n}\n\nconst Radio = ({ className, id, name, onChange, disabled, isChecked }: Props) => {\n return (\n <input\n type=\"radio\"\n disabled={disabled}\n checked={isChecked}\n id={id}\n name={name}\n className={cn(\"petnowRadio size-[3.5vw]\", className)}\n onChange={onChange}\n />\n );\n};\n\nexport default Radio;\n"],"mappings":";;;AAWA,IAAM,KAAS,EAAE,cAAW,OAAI,SAAM,aAAU,aAAU,mBAEtD,kBAAC,SAAD;CACE,MAAK;CACK;CACV,SAAS;CACL;CACE;CACN,WAAW,EAAG,4BAA4B,CAAS;CACzC;AACX,CAAA"}
|
package/dist/v0/tabs.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { t as e } from "../TailwindUtil-
|
|
2
|
+
import { t as e } from "../TailwindUtil-DiNvXuNl.js";
|
|
3
3
|
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
4
4
|
import { useRef as r, useState as i } from "react";
|
|
5
5
|
import a from "react-swipeable-views";
|
package/dist/v0/tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","names":[],"sources":["../../src/components/v0/tabs/Tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport { ReactNode, useRef, useState } from \"react\";\nimport SwipeableViewsImport from \"react-swipeable-views\";\n\nimport { cn } from \"../../../utils/TailwindUtil\";\n\ntype SwipeableViewsProps = {\n index: number;\n onChangeIndex?: (index: number) => void;\n disabled?: boolean;\n children?: ReactNode;\n};\n\nconst asSwipeableViews = (candidate: unknown): React.ComponentType<SwipeableViewsProps> | null => {\n return typeof candidate === \"function\" ? (candidate as React.ComponentType<SwipeableViewsProps>) : null;\n};\n\nconst SwipeableViews =\n asSwipeableViews((SwipeableViewsImport as { default?: { default?: unknown } }).default?.default) ??\n asSwipeableViews((SwipeableViewsImport as { default?: unknown }).default) ??\n asSwipeableViews(SwipeableViewsImport);\n\ninterface TabItem {\n readonly displayName: string;\n readonly key: string;\n readonly content: ReactNode;\n}\n\ninterface Props<T extends TabItem> {\n tabList: Readonly<T[]>;\n isCuratedcontent?: true;\n unswipeableContent?: ReactNode;\n defaultIndex?: number;\n onTabChange?: (index: number) => void;\n disabled?: boolean;\n className?: {\n tab?: string;\n tabTitle?: string;\n selectedUnderline?: string;\n underline?: string;\n };\n allowScrollToSection?: boolean;\n}\n\nconst Tabs = <T extends TabItem>({\n className,\n tabList,\n isCuratedcontent,\n unswipeableContent,\n defaultIndex = 0,\n onTabChange,\n disabled,\n allowScrollToSection = true,\n}: Props<T>) => {\n const [currentTabIndex, setCurrentTabIndex] = useState<number>(defaultIndex);\n const TabRef = useRef<HTMLDivElement>(null);\n\n const scrollToSection = (elementRef: React.RefObject<HTMLDivElement | null>) => {\n if (elementRef.current) {\n window.scrollTo({\n top: elementRef.current.offsetTop - 50,\n behavior: \"smooth\",\n });\n }\n };\n\n const handleTabClick = (index: number) => {\n setCurrentTabIndex(index);\n if (allowScrollToSection) scrollToSection(TabRef);\n onTabChange?.(index);\n };\n\n const underlineStyle = () => {\n const listLength = tabList.length;\n const widthPercent = 100 / listLength;\n return {\n width: `${widthPercent}%`,\n left: `${currentTabIndex * widthPercent}%`,\n };\n };\n\n return (\n <div ref={TabRef} className=\"w-full\">\n <div\n className={cn(\n className?.tab,\n `z-50 mb-[20px] flex w-full flex-col bg-white ${isCuratedcontent && \"sticky top-[50px]\"}`,\n )}\n >\n <div className=\"flex\">\n {tabList.map((tab, index) => (\n <div key={tab.key} className=\"flex flex-1 flex-col\">\n <button\n className={cn(\n className?.tabTitle,\n `cursor-pointer ${\n currentTabIndex === index\n ? \"text-petnow-grey-30 text-label-large\"\n : \"text-petnow-grey-70 text-body-large disabled:opacity-40\"\n }`,\n )}\n onClick={() => handleTabClick(index)}\n disabled={disabled}\n >\n {tab.displayName}\n </button>\n </div>\n ))}\n </div>\n <div\n className={cn(\n className?.underline,\n `relative h-[2px] w-full ${disabled ? \"bg-petnow-grey-70/40\" : \"bg-petnow-grey-70\"}`,\n )}\n >\n <div\n className={cn(\n className?.selectedUnderline,\n \"bg-petnow-grey-30 absolute h-[2px] transition-all duration-200\",\n )}\n style={underlineStyle()}\n />\n </div>\n </div>\n\n {unswipeableContent}\n\n {SwipeableViews ? (\n <SwipeableViews\n index={currentTabIndex}\n onChangeIndex={(index) => {\n setCurrentTabIndex(index);\n onTabChange?.(index);\n }}\n disabled={disabled}\n >\n {tabList.map((tab) => (\n <div key={tab.key}>{tab.content}</div>\n ))}\n </SwipeableViews>\n ) : (\n <div>{tabList[currentTabIndex]?.content}</div>\n )}\n </div>\n );\n};\n\nexport default Tabs;\n"],"mappings":";;;;;;AAcA,IAAM,KAAoB,MACjB,OAAO,KAAc,aAAc,IAAyD,MAG/F,IACJ,EAAkB,EAA6D,SAAS,
|
|
1
|
+
{"version":3,"file":"tabs.js","names":[],"sources":["../../src/components/v0/tabs/Tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport { ReactNode, useRef, useState } from \"react\";\nimport SwipeableViewsImport from \"react-swipeable-views\";\n\nimport { cn } from \"../../../utils/TailwindUtil\";\n\ntype SwipeableViewsProps = {\n index: number;\n onChangeIndex?: (index: number) => void;\n disabled?: boolean;\n children?: ReactNode;\n};\n\nconst asSwipeableViews = (candidate: unknown): React.ComponentType<SwipeableViewsProps> | null => {\n return typeof candidate === \"function\" ? (candidate as React.ComponentType<SwipeableViewsProps>) : null;\n};\n\nconst SwipeableViews =\n asSwipeableViews((SwipeableViewsImport as { default?: { default?: unknown } }).default?.default) ??\n asSwipeableViews((SwipeableViewsImport as { default?: unknown }).default) ??\n asSwipeableViews(SwipeableViewsImport);\n\ninterface TabItem {\n readonly displayName: string;\n readonly key: string;\n readonly content: ReactNode;\n}\n\ninterface Props<T extends TabItem> {\n tabList: Readonly<T[]>;\n isCuratedcontent?: true;\n unswipeableContent?: ReactNode;\n defaultIndex?: number;\n onTabChange?: (index: number) => void;\n disabled?: boolean;\n className?: {\n tab?: string;\n tabTitle?: string;\n selectedUnderline?: string;\n underline?: string;\n };\n allowScrollToSection?: boolean;\n}\n\nconst Tabs = <T extends TabItem>({\n className,\n tabList,\n isCuratedcontent,\n unswipeableContent,\n defaultIndex = 0,\n onTabChange,\n disabled,\n allowScrollToSection = true,\n}: Props<T>) => {\n const [currentTabIndex, setCurrentTabIndex] = useState<number>(defaultIndex);\n const TabRef = useRef<HTMLDivElement>(null);\n\n const scrollToSection = (elementRef: React.RefObject<HTMLDivElement | null>) => {\n if (elementRef.current) {\n window.scrollTo({\n top: elementRef.current.offsetTop - 50,\n behavior: \"smooth\",\n });\n }\n };\n\n const handleTabClick = (index: number) => {\n setCurrentTabIndex(index);\n if (allowScrollToSection) scrollToSection(TabRef);\n onTabChange?.(index);\n };\n\n const underlineStyle = () => {\n const listLength = tabList.length;\n const widthPercent = 100 / listLength;\n return {\n width: `${widthPercent}%`,\n left: `${currentTabIndex * widthPercent}%`,\n };\n };\n\n return (\n <div ref={TabRef} className=\"w-full\">\n <div\n className={cn(\n className?.tab,\n `z-50 mb-[20px] flex w-full flex-col bg-white ${isCuratedcontent && \"sticky top-[50px]\"}`,\n )}\n >\n <div className=\"flex\">\n {tabList.map((tab, index) => (\n <div key={tab.key} className=\"flex flex-1 flex-col\">\n <button\n className={cn(\n className?.tabTitle,\n `cursor-pointer ${\n currentTabIndex === index\n ? \"text-petnow-grey-30 text-label-large\"\n : \"text-petnow-grey-70 text-body-large disabled:opacity-40\"\n }`,\n )}\n onClick={() => handleTabClick(index)}\n disabled={disabled}\n >\n {tab.displayName}\n </button>\n </div>\n ))}\n </div>\n <div\n className={cn(\n className?.underline,\n `relative h-[2px] w-full ${disabled ? \"bg-petnow-grey-70/40\" : \"bg-petnow-grey-70\"}`,\n )}\n >\n <div\n className={cn(\n className?.selectedUnderline,\n \"bg-petnow-grey-30 absolute h-[2px] transition-all duration-200\",\n )}\n style={underlineStyle()}\n />\n </div>\n </div>\n\n {unswipeableContent}\n\n {SwipeableViews ? (\n <SwipeableViews\n index={currentTabIndex}\n onChangeIndex={(index) => {\n setCurrentTabIndex(index);\n onTabChange?.(index);\n }}\n disabled={disabled}\n >\n {tabList.map((tab) => (\n <div key={tab.key}>{tab.content}</div>\n ))}\n </SwipeableViews>\n ) : (\n <div>{tabList[currentTabIndex]?.content}</div>\n )}\n </div>\n );\n};\n\nexport default Tabs;\n"],"mappings":";;;;;;AAcA,IAAM,KAAoB,MACjB,OAAO,KAAc,aAAc,IAAyD,MAG/F,IACJ,EAAkB,EAA6D,SAAS,OAAO,KAC/F,EAAkB,EAA+C,OAAO,KACxE,EAAiB,CAAoB,GAwBjC,KAA2B,EAC/B,cACA,YACA,qBACA,uBACA,kBAAe,GACf,gBACA,aACA,0BAAuB,SACT;CACd,IAAM,CAAC,GAAiB,KAAsB,EAAiB,CAAY,GACrE,IAAS,EAAuB,IAAI,GAEpC,KAAmB,MAAuD;EAC9E,AAAI,EAAW,WACb,OAAO,SAAS;GACd,KAAK,EAAW,QAAQ,YAAY;GACpC,UAAU;EACZ,CAAC;CAEL,GAEM,KAAkB,MAAkB;EAGxC,AAFA,EAAmB,CAAK,GACpB,KAAsB,EAAgB,CAAM,GAChD,IAAc,CAAK;CACrB;CAWA,OACE,kBAAC,OAAD;EAAK,KAAK;EAAQ,WAAU;YAA5B;GACE,kBAAC,OAAD;IACE,WAAW,EACT,GAAW,KACX,gDAAgD,KAAoB,qBACtE;cAJF,CAME,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAQ,KAAK,GAAK,MACjB,kBAAC,OAAD;MAAmB,WAAU;gBAC3B,kBAAC,UAAD;OACE,WAAW,EACT,GAAW,UACX,kBACE,MAAoB,IAChB,yCACA,2DAER;OACA,eAAe,EAAe,CAAK;OACzB;iBAET,EAAI;MACC,CAAA;KACL,GAfK,EAAI,GAeT,CACN;IACE,CAAA,GACL,kBAAC,OAAD;KACE,WAAW,EACT,GAAW,WACX,2BAA2B,IAAW,yBAAyB,qBACjE;eAEA,kBAAC,OAAD;MACE,WAAW,EACT,GAAW,mBACX,gEACF;MACA,cAhDmB;OAE3B,IAAM,IAAe,MADF,EAAQ;OAE3B,OAAO;QACL,OAAO,GAAG,EAAa;QACvB,MAAM,GAAG,IAAkB,EAAa;OAC1C;MACF,GAyCgC;KACvB,CAAA;IACE,CAAA,CACF;;GAEJ;GAEA,IACC,kBAAC,GAAD;IACE,OAAO;IACP,gBAAgB,MAAU;KAExB,AADA,EAAmB,CAAK,GACxB,IAAc,CAAK;IACrB;IACU;cAET,EAAQ,KAAK,MACZ,kBAAC,OAAD,EAAA,UAAoB,EAAI,QAAa,GAA3B,EAAI,GAAuB,CACtC;GACa,CAAA,IAEhB,kBAAC,OAAD,EAAA,UAAM,EAAQ,IAAkB,QAAa,CAAA;EAE5C;;AAET"}
|
package/dist/v0/toggle.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../TailwindUtil-
|
|
1
|
+
import { t as e } from "../TailwindUtil-DiNvXuNl.js";
|
|
2
2
|
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
3
3
|
//#region src/components/v0/toggle/Toggle.tsx
|
|
4
4
|
var r = ({ className: r, id: i, name: a, onChange: o, disabled: s, isChecked: c }) => /* @__PURE__ */ n("label", {
|
package/dist/v0/toggle.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.js","names":[],"sources":["../../src/components/v0/toggle/Toggle.tsx"],"sourcesContent":["import { cn } from \"../../../utils/TailwindUtil\";\n\ninterface Props {\n className?: string;\n id?: string;\n name?: string;\n onChange: () => void;\n disabled?: boolean;\n isChecked?: boolean;\n}\n\nconst Toggle = ({ className, id, name, onChange, disabled, isChecked }: Props) => {\n return (\n <label htmlFor={id} className=\"relative inline-flex cursor-pointer items-center\">\n <input\n type=\"checkbox\"\n disabled={disabled}\n checked={isChecked}\n id={id}\n name={name}\n className=\"peer sr-only\"\n onChange={onChange}\n />\n <div\n className={cn(\n className,\n \"bg-petnow-grey-primary peer-checked:bg-petnow-orange-primary h-[32px] w-[52px] rounded-full duration-[250ms] peer-focus:outline-none after:absolute after:start-[2px] after:top-[3px] after:size-[26px] after:rounded-full after:bg-white after:shadow-[0_3px_8px_0_rgba(0,0,0,0.15)] after:transition-all after:duration-[250ms] after:content-[''] peer-checked:after:translate-x-[calc(100%-4px)] peer-checked:after:border-white\",\n disabled && \"cursor-not-allowed opacity-50\",\n )}\n />\n </label>\n );\n};\n\nexport default Toggle;\n"],"mappings":";;;AAWA,IAAM,KAAU,EAAE,cAAW,OAAI,SAAM,aAAU,aAAU,mBAEvD,kBAAC,SAAD;CAAO,SAAS;CAAI,WAAU;WAA9B,CACE,kBAAC,SAAD;EACE,MAAK;EACK;EACV,SAAS;EACL;EACE;EACN,WAAU;EACA;
|
|
1
|
+
{"version":3,"file":"toggle.js","names":[],"sources":["../../src/components/v0/toggle/Toggle.tsx"],"sourcesContent":["import { cn } from \"../../../utils/TailwindUtil\";\n\ninterface Props {\n className?: string;\n id?: string;\n name?: string;\n onChange: () => void;\n disabled?: boolean;\n isChecked?: boolean;\n}\n\nconst Toggle = ({ className, id, name, onChange, disabled, isChecked }: Props) => {\n return (\n <label htmlFor={id} className=\"relative inline-flex cursor-pointer items-center\">\n <input\n type=\"checkbox\"\n disabled={disabled}\n checked={isChecked}\n id={id}\n name={name}\n className=\"peer sr-only\"\n onChange={onChange}\n />\n <div\n className={cn(\n className,\n \"bg-petnow-grey-primary peer-checked:bg-petnow-orange-primary h-[32px] w-[52px] rounded-full duration-[250ms] peer-focus:outline-none after:absolute after:start-[2px] after:top-[3px] after:size-[26px] after:rounded-full after:bg-white after:shadow-[0_3px_8px_0_rgba(0,0,0,0.15)] after:transition-all after:duration-[250ms] after:content-[''] peer-checked:after:translate-x-[calc(100%-4px)] peer-checked:after:border-white\",\n disabled && \"cursor-not-allowed opacity-50\",\n )}\n />\n </label>\n );\n};\n\nexport default Toggle;\n"],"mappings":";;;AAWA,IAAM,KAAU,EAAE,cAAW,OAAI,SAAM,aAAU,aAAU,mBAEvD,kBAAC,SAAD;CAAO,SAAS;CAAI,WAAU;WAA9B,CACE,kBAAC,SAAD;EACE,MAAK;EACK;EACV,SAAS;EACL;EACE;EACN,WAAU;EACA;CACX,CAAA,GACD,kBAAC,OAAD,EACE,WAAW,EACT,GACA,waACA,KAAY,+BACd,EACD,CAAA,CACI"}
|
package/dist/v1/badge.js
CHANGED
package/dist/v1/badge.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.js","names":[],"sources":["../../src/components/v1/badge/Badge.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"../../../utils/TailwindUtil\";\n\ntype BadgeType = \"filled\" | \"outlined\" | \"tinted\";\ntype BadgeColor = \"orange\" | \"blue\" | \"red\" | \"green\" | \"neutral\";\ntype BadgeSize = \"small\" | \"large\";\n\nexport interface BadgeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> {\n label: string;\n icon?: React.ComponentType<{ className?: string }>;\n type?: BadgeType;\n color?: BadgeColor;\n size?: BadgeSize;\n}\n\nconst badgeVariants = cva(\"inline-flex items-center justify-center overflow-hidden\", {\n variants: {\n type: {\n filled: \"\",\n outlined: \"\",\n tinted: \"\",\n },\n color: {\n orange: \"\",\n blue: \"\",\n red: \"\",\n green: \"\",\n neutral: \"\",\n },\n size: {\n large: \"rounded-[4px] h-[28px] px-2 py-1 gap-1\",\n small: \"rounded-[2px] h-[17px] px-1 py-0.5 gap-1\",\n },\n },\n compoundVariants: [\n {\n type: \"filled\",\n color: \"orange\",\n className: \"bg-surface-base-accent-3-badge\",\n },\n {\n type: \"filled\",\n color: \"blue\",\n className: \"bg-surface-base-sub-3\",\n },\n {\n type: \"filled\",\n color: \"red\",\n className: \"bg-surface-base-critical-2\",\n },\n {\n type: \"filled\",\n color: \"green\",\n className: \"bg-surface-base-success-2\",\n },\n {\n type: \"filled\",\n color: \"neutral\",\n className: \"bg-surface-base-neutral-5\",\n },\n {\n type: \"tinted\",\n color: \"orange\",\n className: \"bg-surface-base-accent-1-badge\",\n },\n {\n type: \"tinted\",\n color: \"blue\",\n className: \"bg-surface-base-sub-1\",\n },\n {\n type: \"tinted\",\n color: \"red\",\n className: \"bg-surface-base-critical-1\",\n },\n {\n type: \"tinted\",\n color: \"green\",\n className: \"bg-surface-base-success-1\",\n },\n {\n type: \"tinted\",\n color: \"neutral\",\n className: \"bg-surface-base-neutral-2\",\n },\n {\n type: \"outlined\",\n color: \"orange\",\n className: \"border border-border-prominent-accent-badge\",\n },\n {\n type: \"outlined\",\n color: \"blue\",\n className: \"border border-border-prominent-sub\",\n },\n {\n type: \"outlined\",\n color: \"red\",\n className: \"border border-border-prominent-critical\",\n },\n {\n type: \"outlined\",\n color: \"green\",\n className: \"border border-border-prominent-success\",\n },\n {\n type: \"outlined\",\n color: \"neutral\",\n className: \"border border-border-base-neutral-5\",\n },\n ],\n defaultVariants: {\n type: \"filled\",\n color: \"neutral\",\n size: \"large\",\n },\n});\n\nconst badgeTextVariants = cva(\"\", {\n variants: {\n type: {\n filled: \"\",\n outlined: \"\",\n tinted: \"\",\n },\n color: {\n orange: \"\",\n blue: \"\",\n red: \"\",\n green: \"\",\n neutral: \"\",\n },\n size: {\n large: \"text-caption-12-medium\",\n small: \"text-caption-11-medium\",\n },\n },\n compoundVariants: [\n {\n type: \"filled\",\n color: \"orange\",\n className: \"text-text-prominent-neutral-1\",\n },\n {\n type: \"filled\",\n color: \"blue\",\n className: \"text-text-prominent-neutral-1\",\n },\n {\n type: \"filled\",\n color: \"red\",\n className: \"text-text-prominent-neutral-1\",\n },\n {\n type: \"filled\",\n color: \"green\",\n className: \"text-text-prominent-neutral-1\",\n },\n {\n type: \"filled\",\n color: \"neutral\",\n className: \"text-text-prominent-neutral-1\",\n },\n {\n type: \"tinted\",\n color: \"orange\",\n className: \"text-text-prominent-accent-1-badge\",\n },\n {\n type: \"tinted\",\n color: \"blue\",\n className: \"text-text-prominent-sub\",\n },\n {\n type: \"tinted\",\n color: \"red\",\n className: \"text-text-prominent-critical\",\n },\n {\n type: \"tinted\",\n color: \"green\",\n className: \"text-text-prominent-success\",\n },\n {\n type: \"tinted\",\n color: \"neutral\",\n className: \"text-text-base-neutral-3\",\n },\n {\n type: \"outlined\",\n color: \"orange\",\n className: \"text-text-prominent-accent-1-badge\",\n },\n {\n type: \"outlined\",\n color: \"blue\",\n className: \"text-text-prominent-sub\",\n },\n {\n type: \"outlined\",\n color: \"red\",\n className: \"text-text-prominent-critical\",\n },\n {\n type: \"outlined\",\n color: \"green\",\n className: \"text-text-prominent-success\",\n },\n {\n type: \"outlined\",\n color: \"neutral\",\n className: \"text-text-base-neutral-3\",\n },\n ],\n defaultVariants: {\n type: \"filled\",\n color: \"neutral\",\n size: \"large\",\n },\n});\n\nconst badgeIconVariants = cva(\"shrink-0\", {\n variants: {\n type: {\n filled: \"\",\n outlined: \"\",\n tinted: \"\",\n },\n color: {\n orange: \"\",\n blue: \"\",\n red: \"\",\n green: \"\",\n neutral: \"\",\n },\n size: {\n large: \"size-[20px]\",\n small: \"hidden\",\n },\n },\n compoundVariants: [\n {\n type: \"filled\",\n color: \"orange\",\n className: \"text-icon-base-neutral-1\",\n },\n {\n type: \"filled\",\n color: \"blue\",\n className: \"text-icon-base-neutral-1\",\n },\n {\n type: \"filled\",\n color: \"red\",\n className: \"text-icon-base-neutral-1\",\n },\n {\n type: \"filled\",\n color: \"green\",\n className: \"text-icon-base-neutral-1\",\n },\n {\n type: \"filled\",\n color: \"neutral\",\n className: \"text-icon-base-neutral-1\",\n },\n {\n type: \"tinted\",\n color: \"orange\",\n className: \"text-icon-prominent-accent-1-badge\",\n },\n {\n type: \"tinted\",\n color: \"blue\",\n className: \"text-icon-prominent-sub\",\n },\n {\n type: \"tinted\",\n color: \"red\",\n className: \"text-icon-prominent-critical\",\n },\n {\n type: \"tinted\",\n color: \"green\",\n className: \"text-icon-prominent-success\",\n },\n {\n type: \"tinted\",\n color: \"neutral\",\n className: \"text-icon-base-neutral-3\",\n },\n {\n type: \"outlined\",\n color: \"orange\",\n className: \"text-icon-prominent-accent-1-badge\",\n },\n {\n type: \"outlined\",\n color: \"blue\",\n className: \"text-icon-prominent-sub\",\n },\n {\n type: \"outlined\",\n color: \"red\",\n className: \"text-icon-prominent-critical\",\n },\n {\n type: \"outlined\",\n color: \"green\",\n className: \"text-icon-prominent-success\",\n },\n {\n type: \"outlined\",\n color: \"neutral\",\n className: \"text-icon-base-neutral-3\",\n },\n ],\n defaultVariants: {\n type: \"filled\",\n color: \"neutral\",\n size: \"large\",\n },\n});\n\nconst Badge = React.forwardRef<HTMLDivElement, BadgeProps>(\n ({ label, icon: Icon, type = \"filled\", color = \"neutral\", size = \"large\", className, ...props }, ref) => {\n return (\n <div ref={ref} className={cn(badgeVariants({ type, color, size }), className)} {...props}>\n {Icon && <Icon className={badgeIconVariants({ type, color, size })} aria-hidden />}\n <span className={badgeTextVariants({ type, color, size })}>{label}</span>\n </div>\n );\n },\n);\n\nBadge.displayName = \"Badge\";\n\nexport { Badge };\n"],"mappings":";;;;;;AAmBA,IAAM,IAAgB,EAAI,2DAA2D;CACnF,UAAU;EACR,MAAM;GACJ,QAAQ;GACR,UAAU;GACV,QAAQ;GACT;EACD,OAAO;GACL,QAAQ;GACR,MAAM;GACN,KAAK;GACL,OAAO;GACP,SAAS;GACV;EACD,MAAM;GACJ,OAAO;GACP,OAAO;GACR;EACF;CACD,kBAAkB;EAChB;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACF;CACD,iBAAiB;EACf,MAAM;EACN,OAAO;EACP,MAAM;EACP;CACF,CAAC,EAEI,IAAoB,EAAI,IAAI;CAChC,UAAU;EACR,MAAM;GACJ,QAAQ;GACR,UAAU;GACV,QAAQ;GACT;EACD,OAAO;GACL,QAAQ;GACR,MAAM;GACN,KAAK;GACL,OAAO;GACP,SAAS;GACV;EACD,MAAM;GACJ,OAAO;GACP,OAAO;GACR;EACF;CACD,kBAAkB;EAChB;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACF;CACD,iBAAiB;EACf,MAAM;EACN,OAAO;EACP,MAAM;EACP;CACF,CAAC,EAEI,IAAoB,EAAI,YAAY;CACxC,UAAU;EACR,MAAM;GACJ,QAAQ;GACR,UAAU;GACV,QAAQ;GACT;EACD,OAAO;GACL,QAAQ;GACR,MAAM;GACN,KAAK;GACL,OAAO;GACP,SAAS;GACV;EACD,MAAM;GACJ,OAAO;GACP,OAAO;GACR;EACF;CACD,kBAAkB;EAChB;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACD;GACE,MAAM;GACN,OAAO;GACP,WAAW;GACZ;EACF;CACD,iBAAiB;EACf,MAAM;EACN,OAAO;EACP,MAAM;EACP;CACF,CAAC,EAEI,IAAQ,EAAM,YACjB,EAAE,UAAO,MAAM,GAAM,UAAO,UAAU,WAAQ,WAAW,UAAO,SAAS,cAAW,GAAG,KAAS,MAE7F,kBAAC,OAAD;CAAU;CAAK,WAAW,EAAG,EAAc;EAAE;EAAM;EAAO;EAAM,CAAC,EAAE,EAAU;CAAE,GAAI;WAAnF,CACG,KAAQ,kBAAC,GAAD;EAAM,WAAW,EAAkB;GAAE;GAAM;GAAO;GAAM,CAAC;EAAE,eAAA;EAAc,CAAA,EAClF,kBAAC,QAAD;EAAM,WAAW,EAAkB;GAAE;GAAM;GAAO;GAAM,CAAC;YAAG;EAAa,CAAA,CACrE;GAGX;AAED,EAAM,cAAc"}
|
|
1
|
+
{"version":3,"file":"badge.js","names":[],"sources":["../../src/components/v1/badge/Badge.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"../../../utils/TailwindUtil\";\n\ntype BadgeType = \"filled\" | \"outlined\" | \"tinted\";\ntype BadgeColor = \"orange\" | \"blue\" | \"red\" | \"green\" | \"neutral\";\ntype BadgeSize = \"small\" | \"large\";\n\nexport interface BadgeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> {\n label: string;\n icon?: React.ComponentType<{ className?: string }>;\n type?: BadgeType;\n color?: BadgeColor;\n size?: BadgeSize;\n}\n\nconst badgeVariants = cva(\"inline-flex items-center justify-center overflow-hidden\", {\n variants: {\n type: {\n filled: \"\",\n outlined: \"\",\n tinted: \"\",\n },\n color: {\n orange: \"\",\n blue: \"\",\n red: \"\",\n green: \"\",\n neutral: \"\",\n },\n size: {\n large: \"rounded-[4px] h-[28px] px-2 py-1 gap-1\",\n small: \"rounded-[2px] h-[17px] px-1 py-0.5 gap-1\",\n },\n },\n compoundVariants: [\n {\n type: \"filled\",\n color: \"orange\",\n className: \"bg-surface-base-accent-3-badge\",\n },\n {\n type: \"filled\",\n color: \"blue\",\n className: \"bg-surface-base-sub-3\",\n },\n {\n type: \"filled\",\n color: \"red\",\n className: \"bg-surface-base-critical-2\",\n },\n {\n type: \"filled\",\n color: \"green\",\n className: \"bg-surface-base-success-2\",\n },\n {\n type: \"filled\",\n color: \"neutral\",\n className: \"bg-surface-base-neutral-5\",\n },\n {\n type: \"tinted\",\n color: \"orange\",\n className: \"bg-surface-base-accent-1-badge\",\n },\n {\n type: \"tinted\",\n color: \"blue\",\n className: \"bg-surface-base-sub-1\",\n },\n {\n type: \"tinted\",\n color: \"red\",\n className: \"bg-surface-base-critical-1\",\n },\n {\n type: \"tinted\",\n color: \"green\",\n className: \"bg-surface-base-success-1\",\n },\n {\n type: \"tinted\",\n color: \"neutral\",\n className: \"bg-surface-base-neutral-2\",\n },\n {\n type: \"outlined\",\n color: \"orange\",\n className: \"border border-border-prominent-accent-badge\",\n },\n {\n type: \"outlined\",\n color: \"blue\",\n className: \"border border-border-prominent-sub\",\n },\n {\n type: \"outlined\",\n color: \"red\",\n className: \"border border-border-prominent-critical\",\n },\n {\n type: \"outlined\",\n color: \"green\",\n className: \"border border-border-prominent-success\",\n },\n {\n type: \"outlined\",\n color: \"neutral\",\n className: \"border border-border-base-neutral-5\",\n },\n ],\n defaultVariants: {\n type: \"filled\",\n color: \"neutral\",\n size: \"large\",\n },\n});\n\nconst badgeTextVariants = cva(\"\", {\n variants: {\n type: {\n filled: \"\",\n outlined: \"\",\n tinted: \"\",\n },\n color: {\n orange: \"\",\n blue: \"\",\n red: \"\",\n green: \"\",\n neutral: \"\",\n },\n size: {\n large: \"text-caption-12-medium\",\n small: \"text-caption-11-medium\",\n },\n },\n compoundVariants: [\n {\n type: \"filled\",\n color: \"orange\",\n className: \"text-text-prominent-neutral-1\",\n },\n {\n type: \"filled\",\n color: \"blue\",\n className: \"text-text-prominent-neutral-1\",\n },\n {\n type: \"filled\",\n color: \"red\",\n className: \"text-text-prominent-neutral-1\",\n },\n {\n type: \"filled\",\n color: \"green\",\n className: \"text-text-prominent-neutral-1\",\n },\n {\n type: \"filled\",\n color: \"neutral\",\n className: \"text-text-prominent-neutral-1\",\n },\n {\n type: \"tinted\",\n color: \"orange\",\n className: \"text-text-prominent-accent-1-badge\",\n },\n {\n type: \"tinted\",\n color: \"blue\",\n className: \"text-text-prominent-sub\",\n },\n {\n type: \"tinted\",\n color: \"red\",\n className: \"text-text-prominent-critical\",\n },\n {\n type: \"tinted\",\n color: \"green\",\n className: \"text-text-prominent-success\",\n },\n {\n type: \"tinted\",\n color: \"neutral\",\n className: \"text-text-base-neutral-3\",\n },\n {\n type: \"outlined\",\n color: \"orange\",\n className: \"text-text-prominent-accent-1-badge\",\n },\n {\n type: \"outlined\",\n color: \"blue\",\n className: \"text-text-prominent-sub\",\n },\n {\n type: \"outlined\",\n color: \"red\",\n className: \"text-text-prominent-critical\",\n },\n {\n type: \"outlined\",\n color: \"green\",\n className: \"text-text-prominent-success\",\n },\n {\n type: \"outlined\",\n color: \"neutral\",\n className: \"text-text-base-neutral-3\",\n },\n ],\n defaultVariants: {\n type: \"filled\",\n color: \"neutral\",\n size: \"large\",\n },\n});\n\nconst badgeIconVariants = cva(\"shrink-0\", {\n variants: {\n type: {\n filled: \"\",\n outlined: \"\",\n tinted: \"\",\n },\n color: {\n orange: \"\",\n blue: \"\",\n red: \"\",\n green: \"\",\n neutral: \"\",\n },\n size: {\n large: \"size-[20px]\",\n small: \"hidden\",\n },\n },\n compoundVariants: [\n {\n type: \"filled\",\n color: \"orange\",\n className: \"text-icon-base-neutral-1\",\n },\n {\n type: \"filled\",\n color: \"blue\",\n className: \"text-icon-base-neutral-1\",\n },\n {\n type: \"filled\",\n color: \"red\",\n className: \"text-icon-base-neutral-1\",\n },\n {\n type: \"filled\",\n color: \"green\",\n className: \"text-icon-base-neutral-1\",\n },\n {\n type: \"filled\",\n color: \"neutral\",\n className: \"text-icon-base-neutral-1\",\n },\n {\n type: \"tinted\",\n color: \"orange\",\n className: \"text-icon-prominent-accent-1-badge\",\n },\n {\n type: \"tinted\",\n color: \"blue\",\n className: \"text-icon-prominent-sub\",\n },\n {\n type: \"tinted\",\n color: \"red\",\n className: \"text-icon-prominent-critical\",\n },\n {\n type: \"tinted\",\n color: \"green\",\n className: \"text-icon-prominent-success\",\n },\n {\n type: \"tinted\",\n color: \"neutral\",\n className: \"text-icon-base-neutral-3\",\n },\n {\n type: \"outlined\",\n color: \"orange\",\n className: \"text-icon-prominent-accent-1-badge\",\n },\n {\n type: \"outlined\",\n color: \"blue\",\n className: \"text-icon-prominent-sub\",\n },\n {\n type: \"outlined\",\n color: \"red\",\n className: \"text-icon-prominent-critical\",\n },\n {\n type: \"outlined\",\n color: \"green\",\n className: \"text-icon-prominent-success\",\n },\n {\n type: \"outlined\",\n color: \"neutral\",\n className: \"text-icon-base-neutral-3\",\n },\n ],\n defaultVariants: {\n type: \"filled\",\n color: \"neutral\",\n size: \"large\",\n },\n});\n\nconst Badge = React.forwardRef<HTMLDivElement, BadgeProps>(\n ({ label, icon: Icon, type = \"filled\", color = \"neutral\", size = \"large\", className, ...props }, ref) => {\n return (\n <div ref={ref} className={cn(badgeVariants({ type, color, size }), className)} {...props}>\n {Icon && <Icon className={badgeIconVariants({ type, color, size })} aria-hidden />}\n <span className={badgeTextVariants({ type, color, size })}>{label}</span>\n </div>\n );\n },\n);\n\nBadge.displayName = \"Badge\";\n\nexport { Badge };\n"],"mappings":";;;;;;AAmBA,IAAM,IAAgB,EAAI,2DAA2D;CACnF,UAAU;EACR,MAAM;GACJ,QAAQ;GACR,UAAU;GACV,QAAQ;EACV;EACA,OAAO;GACL,QAAQ;GACR,MAAM;GACN,KAAK;GACL,OAAO;GACP,SAAS;EACX;EACA,MAAM;GACJ,OAAO;GACP,OAAO;EACT;CACF;CACA,kBAAkB;EAChB;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;CACF;CACA,iBAAiB;EACf,MAAM;EACN,OAAO;EACP,MAAM;CACR;AACF,CAAC,GAEK,IAAoB,EAAI,IAAI;CAChC,UAAU;EACR,MAAM;GACJ,QAAQ;GACR,UAAU;GACV,QAAQ;EACV;EACA,OAAO;GACL,QAAQ;GACR,MAAM;GACN,KAAK;GACL,OAAO;GACP,SAAS;EACX;EACA,MAAM;GACJ,OAAO;GACP,OAAO;EACT;CACF;CACA,kBAAkB;EAChB;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;CACF;CACA,iBAAiB;EACf,MAAM;EACN,OAAO;EACP,MAAM;CACR;AACF,CAAC,GAEK,IAAoB,EAAI,YAAY;CACxC,UAAU;EACR,MAAM;GACJ,QAAQ;GACR,UAAU;GACV,QAAQ;EACV;EACA,OAAO;GACL,QAAQ;GACR,MAAM;GACN,KAAK;GACL,OAAO;GACP,SAAS;EACX;EACA,MAAM;GACJ,OAAO;GACP,OAAO;EACT;CACF;CACA,kBAAkB;EAChB;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;EACA;GACE,MAAM;GACN,OAAO;GACP,WAAW;EACb;CACF;CACA,iBAAiB;EACf,MAAM;EACN,OAAO;EACP,MAAM;CACR;AACF,CAAC,GAEK,IAAQ,EAAM,YACjB,EAAE,UAAO,MAAM,GAAM,UAAO,UAAU,WAAQ,WAAW,UAAO,SAAS,cAAW,GAAG,KAAS,MAE7F,kBAAC,OAAD;CAAU;CAAK,WAAW,EAAG,EAAc;EAAE;EAAM;EAAO;CAAK,CAAC,GAAG,CAAS;CAAG,GAAI;WAAnF,CACG,KAAQ,kBAAC,GAAD;EAAM,WAAW,EAAkB;GAAE;GAAM;GAAO;EAAK,CAAC;EAAG,eAAA;CAAa,CAAA,GACjF,kBAAC,QAAD;EAAM,WAAW,EAAkB;GAAE;GAAM;GAAO;EAAK,CAAC;YAAI;CAAY,CAAA,CACrE;EAGX;AAEA,EAAM,cAAc"}
|
package/dist/v1/chip.js
CHANGED
package/dist/v1/chip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip.js","names":[],"sources":["../../src/components/v1/chip/Chip.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"../../../utils/TailwindUtil\";\n\nexport interface ChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\"> {\n label: string;\n icon?: React.ComponentType<{ className?: string }>;\n selected?: boolean;\n onPress?: () => void;\n}\n\nconst chipVariants = cva(\n \"inline-flex items-center justify-center gap-1 rounded-full border px-[11px] py-[7px] transition-colors duration-200\",\n {\n variants: {\n selected: {\n true: \"bg-surface-base-accent-1 border-border-prominent-accent\",\n false: \"bg-surface-base-neutral-1 border-border-base-neutral-2\",\n },\n disabled: {\n true: \"opacity-40 pointer-events-none\",\n false: \"\",\n },\n },\n defaultVariants: {\n selected: false,\n disabled: false,\n },\n },\n);\n\nconst chipTextVariants = cva(\"text-body-14-medium\", {\n variants: {\n selected: {\n true: \"text-text-prominent-accent-1\",\n false: \"text-text-base-neutral-3\",\n },\n },\n defaultVariants: {\n selected: false,\n },\n});\n\nconst chipIconVariants = cva(\"size-[18px] shrink-0\", {\n variants: {\n selected: {\n true: \"text-icon-prominent-accent-1\",\n false: \"text-icon-base-neutral-3\",\n },\n },\n defaultVariants: {\n selected: false,\n },\n});\n\nconst Chip = ({\n className,\n label,\n icon: Icon,\n selected = false,\n disabled = false,\n onPress,\n onClick,\n type = \"button\",\n ...props\n}: ChipProps) => {\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n onClick?.(event);\n\n if (!event.defaultPrevented) {\n onPress?.();\n }\n };\n\n return (\n <button\n type={type}\n className={cn(chipVariants({ selected, disabled }), className)}\n onClick={handleClick}\n disabled={disabled}\n {...props}\n >\n {Icon && <Icon className={chipIconVariants({ selected })} />}\n <span className={chipTextVariants({ selected })}>{label}</span>\n </button>\n );\n};\n\nexport { Chip };\n"],"mappings":";;;;;;AAcA,IAAM,IAAe,EACnB,uHACA;CACE,UAAU;EACR,UAAU;GACR,MAAM;GACN,OAAO;
|
|
1
|
+
{"version":3,"file":"chip.js","names":[],"sources":["../../src/components/v1/chip/Chip.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"../../../utils/TailwindUtil\";\n\nexport interface ChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\"> {\n label: string;\n icon?: React.ComponentType<{ className?: string }>;\n selected?: boolean;\n onPress?: () => void;\n}\n\nconst chipVariants = cva(\n \"inline-flex items-center justify-center gap-1 rounded-full border px-[11px] py-[7px] transition-colors duration-200\",\n {\n variants: {\n selected: {\n true: \"bg-surface-base-accent-1 border-border-prominent-accent\",\n false: \"bg-surface-base-neutral-1 border-border-base-neutral-2\",\n },\n disabled: {\n true: \"opacity-40 pointer-events-none\",\n false: \"\",\n },\n },\n defaultVariants: {\n selected: false,\n disabled: false,\n },\n },\n);\n\nconst chipTextVariants = cva(\"text-body-14-medium\", {\n variants: {\n selected: {\n true: \"text-text-prominent-accent-1\",\n false: \"text-text-base-neutral-3\",\n },\n },\n defaultVariants: {\n selected: false,\n },\n});\n\nconst chipIconVariants = cva(\"size-[18px] shrink-0\", {\n variants: {\n selected: {\n true: \"text-icon-prominent-accent-1\",\n false: \"text-icon-base-neutral-3\",\n },\n },\n defaultVariants: {\n selected: false,\n },\n});\n\nconst Chip = ({\n className,\n label,\n icon: Icon,\n selected = false,\n disabled = false,\n onPress,\n onClick,\n type = \"button\",\n ...props\n}: ChipProps) => {\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n onClick?.(event);\n\n if (!event.defaultPrevented) {\n onPress?.();\n }\n };\n\n return (\n <button\n type={type}\n className={cn(chipVariants({ selected, disabled }), className)}\n onClick={handleClick}\n disabled={disabled}\n {...props}\n >\n {Icon && <Icon className={chipIconVariants({ selected })} />}\n <span className={chipTextVariants({ selected })}>{label}</span>\n </button>\n );\n};\n\nexport { Chip };\n"],"mappings":";;;;;;AAcA,IAAM,IAAe,EACnB,uHACA;CACE,UAAU;EACR,UAAU;GACR,MAAM;GACN,OAAO;EACT;EACA,UAAU;GACR,MAAM;GACN,OAAO;EACT;CACF;CACA,iBAAiB;EACf,UAAU;EACV,UAAU;CACZ;AACF,CACF,GAEM,IAAmB,EAAI,uBAAuB;CAClD,UAAU,EACR,UAAU;EACR,MAAM;EACN,OAAO;CACT,EACF;CACA,iBAAiB,EACf,UAAU,GACZ;AACF,CAAC,GAEK,IAAmB,EAAI,wBAAwB;CACnD,UAAU,EACR,UAAU;EACR,MAAM;EACN,OAAO;CACT,EACF;CACA,iBAAiB,EACf,UAAU,GACZ;AACF,CAAC,GAEK,KAAQ,EACZ,cACA,UACA,MAAM,GACN,cAAW,IACX,cAAW,IACX,YACA,YACA,UAAO,UACP,GAAG,QAWD,kBAAC,UAAD;CACQ;CACN,WAAW,EAAG,EAAa;EAAE;EAAU;CAAS,CAAC,GAAG,CAAS;CAC7D,UAZiB,MAA+C;EAGlE,AAFA,IAAU,CAAK,GAEV,EAAM,oBACT,IAAU;CAEd;CAOc;CACV,GAAI;WALN,CAOG,KAAQ,kBAAC,GAAD,EAAM,WAAW,EAAiB,EAAE,YAAS,CAAC,EAAI,CAAA,GAC3D,kBAAC,QAAD;EAAM,WAAW,EAAiB,EAAE,YAAS,CAAC;YAAI;CAAY,CAAA,CACxD"}
|
package/dist/v1/cta-button.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { t as e } from "../TailwindUtil-
|
|
2
|
+
import { t as e } from "../TailwindUtil-DiNvXuNl.js";
|
|
3
3
|
import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
4
4
|
import * as i from "react";
|
|
5
5
|
import { cva as a } from "class-variance-authority";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cta-button.js","names":[],"sources":["../../src/components/v1/cta-button/CTAButton.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"../../../utils/TailwindUtil\";\n\nconst ctaButtonVariants = cva(\n \"flex flex-row items-center justify-center gap-1 shadow-none duration-200 transition-all\",\n {\n variants: {\n hierarchy: {\n primary:\n \"bg-surface-primary-accent hover:bg-surface-primary-accent-hover active:bg-surface-primary-accent-pressed text-text-prominent-neutral-1\",\n secondary:\n \"bg-surface-secondary-accent hover:bg-surface-secondary-accent-hover active:bg-surface-secondary-accent-pressed text-text-prominent-accent-2\",\n tertiary:\n \"bg-background-base-neutral-1 hover:bg-surface-tertiary-accent-hover active:bg-surface-tertiary-accent-pressed border-border-prominent-accent border text-text-prominent-accent-1\",\n },\n size: {\n large: \"h-14 px-4 py-4 gap-1 text-title-18-medium rounded-[10px]\",\n medium: \"h-[46px] px-4 py-3 gap-1 text-body-16-medium rounded-[8px]\",\n small: \"h-10 px-3 py-2 gap-1 text-body-16-medium rounded-[6px]\",\n },\n },\n defaultVariants: {\n hierarchy: \"primary\",\n size: \"large\",\n },\n },\n);\n\nconst ctaButtonIconVariants = cva(\"shrink-0\", {\n variants: {\n hierarchy: {\n primary: \"text-icon-base-neutral-1\",\n secondary: \"text-icon-prominent-accent-2\",\n tertiary: \"text-icon-prominent-accent-1\",\n },\n size: {\n large: \"size-6\",\n medium: \"size-[22px]\",\n small: \"size-5\",\n },\n },\n defaultVariants: {\n hierarchy: \"primary\",\n size: \"large\",\n },\n});\n\nexport interface CTAButtonProps\n extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\">,\n VariantProps<typeof ctaButtonVariants> {\n label: string | React.ReactNode;\n icon?: React.ComponentType<{ className?: string }>;\n className?: string;\n}\n\nconst CTAButton = React.forwardRef<HTMLButtonElement, CTAButtonProps>(\n (\n {\n label,\n icon: Icon,\n hierarchy = \"primary\",\n size = \"large\",\n disabled = false,\n className,\n type = \"button\",\n ...props\n },\n ref,\n ) => {\n const content = (\n <>\n {Icon && <Icon className={ctaButtonIconVariants({ hierarchy, size })} />}\n {label}\n </>\n );\n\n const buttonClassName = cn(\n ctaButtonVariants({ hierarchy, size }),\n \"opacity-100 disabled:opacity-40 disabled:pointer-events-none\",\n className,\n );\n\n return (\n <button ref={ref} type={type} className={buttonClassName} disabled={disabled} {...props}>\n {content}\n </button>\n );\n },\n);\n\nCTAButton.displayName = \"CTAButton\";\n\nexport { CTAButton };\n"],"mappings":";;;;;;AAOA,IAAM,IAAoB,EACxB,2FACA;CACE,UAAU;EACR,WAAW;GACT,SACE;GACF,WACE;GACF,UACE;
|
|
1
|
+
{"version":3,"file":"cta-button.js","names":[],"sources":["../../src/components/v1/cta-button/CTAButton.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"../../../utils/TailwindUtil\";\n\nconst ctaButtonVariants = cva(\n \"flex flex-row items-center justify-center gap-1 shadow-none duration-200 transition-all\",\n {\n variants: {\n hierarchy: {\n primary:\n \"bg-surface-primary-accent hover:bg-surface-primary-accent-hover active:bg-surface-primary-accent-pressed text-text-prominent-neutral-1\",\n secondary:\n \"bg-surface-secondary-accent hover:bg-surface-secondary-accent-hover active:bg-surface-secondary-accent-pressed text-text-prominent-accent-2\",\n tertiary:\n \"bg-background-base-neutral-1 hover:bg-surface-tertiary-accent-hover active:bg-surface-tertiary-accent-pressed border-border-prominent-accent border text-text-prominent-accent-1\",\n },\n size: {\n large: \"h-14 px-4 py-4 gap-1 text-title-18-medium rounded-[10px]\",\n medium: \"h-[46px] px-4 py-3 gap-1 text-body-16-medium rounded-[8px]\",\n small: \"h-10 px-3 py-2 gap-1 text-body-16-medium rounded-[6px]\",\n },\n },\n defaultVariants: {\n hierarchy: \"primary\",\n size: \"large\",\n },\n },\n);\n\nconst ctaButtonIconVariants = cva(\"shrink-0\", {\n variants: {\n hierarchy: {\n primary: \"text-icon-base-neutral-1\",\n secondary: \"text-icon-prominent-accent-2\",\n tertiary: \"text-icon-prominent-accent-1\",\n },\n size: {\n large: \"size-6\",\n medium: \"size-[22px]\",\n small: \"size-5\",\n },\n },\n defaultVariants: {\n hierarchy: \"primary\",\n size: \"large\",\n },\n});\n\nexport interface CTAButtonProps\n extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\">,\n VariantProps<typeof ctaButtonVariants> {\n label: string | React.ReactNode;\n icon?: React.ComponentType<{ className?: string }>;\n className?: string;\n}\n\nconst CTAButton = React.forwardRef<HTMLButtonElement, CTAButtonProps>(\n (\n {\n label,\n icon: Icon,\n hierarchy = \"primary\",\n size = \"large\",\n disabled = false,\n className,\n type = \"button\",\n ...props\n },\n ref,\n ) => {\n const content = (\n <>\n {Icon && <Icon className={ctaButtonIconVariants({ hierarchy, size })} />}\n {label}\n </>\n );\n\n const buttonClassName = cn(\n ctaButtonVariants({ hierarchy, size }),\n \"opacity-100 disabled:opacity-40 disabled:pointer-events-none\",\n className,\n );\n\n return (\n <button ref={ref} type={type} className={buttonClassName} disabled={disabled} {...props}>\n {content}\n </button>\n );\n },\n);\n\nCTAButton.displayName = \"CTAButton\";\n\nexport { CTAButton };\n"],"mappings":";;;;;;AAOA,IAAM,IAAoB,EACxB,2FACA;CACE,UAAU;EACR,WAAW;GACT,SACE;GACF,WACE;GACF,UACE;EACJ;EACA,MAAM;GACJ,OAAO;GACP,QAAQ;GACR,OAAO;EACT;CACF;CACA,iBAAiB;EACf,WAAW;EACX,MAAM;CACR;AACF,CACF,GAEM,IAAwB,EAAI,YAAY;CAC5C,UAAU;EACR,WAAW;GACT,SAAS;GACT,WAAW;GACX,UAAU;EACZ;EACA,MAAM;GACJ,OAAO;GACP,QAAQ;GACR,OAAO;EACT;CACF;CACA,iBAAiB;EACf,WAAW;EACX,MAAM;CACR;AACF,CAAC,GAUK,IAAY,EAAM,YAEpB,EACE,UACA,MAAM,GACN,eAAY,WACZ,UAAO,SACP,cAAW,IACX,cACA,UAAO,UACP,GAAG,KAEL,MACG;CACH,IAAM,IACJ,kBAAA,GAAA,EAAA,UAAA,CACG,KAAQ,kBAAC,GAAD,EAAM,WAAW,EAAsB;EAAE;EAAW;CAAK,CAAC,EAAI,CAAA,GACtE,CACD,EAAA,CAAA;CASJ,OACE,kBAAC,UAAD;EAAa;EAAW;EAAM,WAPR,EACtB,EAAkB;GAAE;GAAW;EAAK,CAAC,GACrC,gEACA,CAIyC;EAA2B;EAAU,GAAI;YAC/E;CACK,CAAA;AAEZ,CACF;AAEA,EAAU,cAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cancel-filled.js","names":[],"sources":["../../../../src/components/v1/icons/action/CancelFilledIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst CancelFilledIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <circle cx={12} cy={12} r={10} fill=\"!currentColor\" />\n <path\n fill=\"currentColor\"\n d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m4.53 13.47c.29.29.29.77 0 1.06-.15.15-.34.22-.53.22s-.38-.07-.53-.22L12 13.06l-3.47 3.47c-.15.15-.34.22-.53.22s-.38-.07-.53-.22a.754.754 0 0 1 0-1.06L10.94 12 7.47 8.53a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0L12 10.94l3.47-3.47c.29-.29.77-.29 1.06 0s.29.77 0 1.06L13.06 12z\"\n />\n </svg>\n );\n};\n\nexport { CancelFilledIcon };\n"],"mappings":";;AAEA,IAAM,KAAoB,MAEtB,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAAhE,CACE,kBAAC,UAAD;EAAQ,IAAI;EAAI,IAAI;EAAI,GAAG;EAAI,MAAK;
|
|
1
|
+
{"version":3,"file":"cancel-filled.js","names":[],"sources":["../../../../src/components/v1/icons/action/CancelFilledIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst CancelFilledIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <circle cx={12} cy={12} r={10} fill=\"!currentColor\" />\n <path\n fill=\"currentColor\"\n d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m4.53 13.47c.29.29.29.77 0 1.06-.15.15-.34.22-.53.22s-.38-.07-.53-.22L12 13.06l-3.47 3.47c-.15.15-.34.22-.53.22s-.38-.07-.53-.22a.754.754 0 0 1 0-1.06L10.94 12 7.47 8.53a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0L12 10.94l3.47-3.47c.29-.29.77-.29 1.06 0s.29.77 0 1.06L13.06 12z\"\n />\n </svg>\n );\n};\n\nexport { CancelFilledIcon };\n"],"mappings":";;AAEA,IAAM,KAAoB,MAEtB,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAAhE,CACE,kBAAC,UAAD;EAAQ,IAAI;EAAI,IAAI;EAAI,GAAG;EAAI,MAAK;CAAiB,CAAA,GACrD,kBAAC,QAAD;EACE,MAAK;EACL,GAAE;CACH,CAAA,CACE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cancel.js","names":[],"sources":["../../../../src/components/v1/icons/action/CancelIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst CancelIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M19.7071 4.29289C20.0976 4.68342 20.0976 5.31658 19.7071 5.70711L13.4142 12L19.7071 18.2929C20.0976 18.6834 20.0976 19.3166 19.7071 19.7071C19.3166 20.0976 18.6834 20.0976 18.2929 19.7071L12 13.4142L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L10.5858 12L4.29289 5.70711C3.90237 5.31659 3.90237 4.68342 4.29289 4.2929C4.68342 3.90237 5.31658 3.90237 5.70711 4.2929L12 10.5858L18.2929 4.29289C18.6834 3.90237 19.3166 3.90237 19.7071 4.29289Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { CancelIcon };\n"],"mappings":";;AAEA,IAAM,KAAc,MAEhB,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAC9D,kBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAK;
|
|
1
|
+
{"version":3,"file":"cancel.js","names":[],"sources":["../../../../src/components/v1/icons/action/CancelIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst CancelIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M19.7071 4.29289C20.0976 4.68342 20.0976 5.31658 19.7071 5.70711L13.4142 12L19.7071 18.2929C20.0976 18.6834 20.0976 19.3166 19.7071 19.7071C19.3166 20.0976 18.6834 20.0976 18.2929 19.7071L12 13.4142L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L10.5858 12L4.29289 5.70711C3.90237 5.31659 3.90237 4.68342 4.29289 4.2929C4.68342 3.90237 5.31658 3.90237 5.70711 4.2929L12 10.5858L18.2929 4.29289C18.6834 3.90237 19.3166 3.90237 19.7071 4.29289Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { CancelIcon };\n"],"mappings":";;AAEA,IAAM,KAAc,MAEhB,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAC9D,kBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAK;CACN,CAAA;AACE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chevron-down.js","names":[],"sources":["../../../../src/components/v1/icons/action/ChevronDownIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst ChevronDownIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M19.6585 7.24741C20.0741 7.61109 20.1162 8.24285 19.7526 8.65849L12.7526 16.6585C12.5627 16.8755 12.2883 17 12 17C11.7116 17 11.4373 16.8755 11.2474 16.6585L4.24741 8.65849C3.88373 8.24285 3.92584 7.61109 4.34148 7.24741C4.75712 6.88372 5.38888 6.92584 5.75256 7.34148L12 14.4814L18.2474 7.34148C18.6111 6.92584 19.2429 6.88372 19.6585 7.24741Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { ChevronDownIcon };\n"],"mappings":";;AAEA,IAAM,KAAmB,MAErB,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAC9D,kBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAK;
|
|
1
|
+
{"version":3,"file":"chevron-down.js","names":[],"sources":["../../../../src/components/v1/icons/action/ChevronDownIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst ChevronDownIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M19.6585 7.24741C20.0741 7.61109 20.1162 8.24285 19.7526 8.65849L12.7526 16.6585C12.5627 16.8755 12.2883 17 12 17C11.7116 17 11.4373 16.8755 11.2474 16.6585L4.24741 8.65849C3.88373 8.24285 3.92584 7.61109 4.34148 7.24741C4.75712 6.88372 5.38888 6.92584 5.75256 7.34148L12 14.4814L18.2474 7.34148C18.6111 6.92584 19.2429 6.88372 19.6585 7.24741Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { ChevronDownIcon };\n"],"mappings":";;AAEA,IAAM,KAAmB,MAErB,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAC9D,kBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAK;CACN,CAAA;AACE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chevron-left.js","names":[],"sources":["../../../../src/components/v1/icons/action/ChevronLeftIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst ChevronLeftIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M16.753 19.659a1 1 0 0 1-1.412.094l-8-7a1 1 0 0 1 0-1.506l8-7a1 1 0 0 1 1.318 1.506L9.519 12l7.14 6.247a1 1 0 0 1 .094 1.412\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { ChevronLeftIcon };\n"],"mappings":";;AAEA,IAAM,KAAmB,MAErB,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAC9D,kBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAK;
|
|
1
|
+
{"version":3,"file":"chevron-left.js","names":[],"sources":["../../../../src/components/v1/icons/action/ChevronLeftIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst ChevronLeftIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M16.753 19.659a1 1 0 0 1-1.412.094l-8-7a1 1 0 0 1 0-1.506l8-7a1 1 0 0 1 1.318 1.506L9.519 12l7.14 6.247a1 1 0 0 1 .094 1.412\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { ChevronLeftIcon };\n"],"mappings":";;AAEA,IAAM,KAAmB,MAErB,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAC9D,kBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAK;CACN,CAAA;AACE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chevron-right.js","names":[],"sources":["../../../../src/components/v1/icons/action/ChevronRightIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst ChevronRightIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M7.24744 4.34151C7.61112 3.92587 8.24288 3.88375 8.65852 4.24744L16.6585 11.2474C16.8755 11.4373 17 11.7117 17 12C17 12.2884 16.8755 12.5627 16.6585 12.7526L8.65852 19.7526C8.24288 20.1163 7.61112 20.0742 7.24744 19.6585C6.88375 19.2429 6.92587 18.6111 7.34151 18.2474L14.4814 12L7.34151 5.75259C6.92587 5.38891 6.88375 4.75715 7.24744 4.34151Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { ChevronRightIcon };\n"],"mappings":";;AAEA,IAAM,KAAoB,MAEtB,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAC9D,kBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAK;
|
|
1
|
+
{"version":3,"file":"chevron-right.js","names":[],"sources":["../../../../src/components/v1/icons/action/ChevronRightIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst ChevronRightIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M7.24744 4.34151C7.61112 3.92587 8.24288 3.88375 8.65852 4.24744L16.6585 11.2474C16.8755 11.4373 17 11.7117 17 12C17 12.2884 16.8755 12.5627 16.6585 12.7526L8.65852 19.7526C8.24288 20.1163 7.61112 20.0742 7.24744 19.6585C6.88375 19.2429 6.92587 18.6111 7.34151 18.2474L14.4814 12L7.34151 5.75259C6.92587 5.38891 6.88375 4.75715 7.24744 4.34151Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { ChevronRightIcon };\n"],"mappings":";;AAEA,IAAM,KAAoB,MAEtB,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAC9D,kBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAK;CACN,CAAA;AACE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chevron-up.js","names":[],"sources":["../../../../src/components/v1/icons/action/ChevronUpIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst ChevronUpIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M4.34151 16.7526C3.92587 16.3889 3.88375 15.7571 4.24744 15.3415L11.2474 7.34151C11.4373 7.1245 11.7117 7.00002 12 7.00002C12.2884 7.00002 12.5627 7.1245 12.7526 7.34151L19.7526 15.3415C20.1163 15.7571 20.0742 16.3889 19.6585 16.7526C19.2429 17.1163 18.6111 17.0742 18.2474 16.6585L12 9.51861L5.75259 16.6585C5.38891 17.0742 4.75715 17.1163 4.34151 16.7526Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { ChevronUpIcon };\n"],"mappings":";;AAEA,IAAM,KAAiB,MAEnB,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAC9D,kBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAK;
|
|
1
|
+
{"version":3,"file":"chevron-up.js","names":[],"sources":["../../../../src/components/v1/icons/action/ChevronUpIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst ChevronUpIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M4.34151 16.7526C3.92587 16.3889 3.88375 15.7571 4.24744 15.3415L11.2474 7.34151C11.4373 7.1245 11.7117 7.00002 12 7.00002C12.2884 7.00002 12.5627 7.1245 12.7526 7.34151L19.7526 15.3415C20.1163 15.7571 20.0742 16.3889 19.6585 16.7526C19.2429 17.1163 18.6111 17.0742 18.2474 16.6585L12 9.51861L5.75259 16.6585C5.38891 17.0742 4.75715 17.1163 4.34151 16.7526Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { ChevronUpIcon };\n"],"mappings":";;AAEA,IAAM,KAAiB,MAEnB,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAC9D,kBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAK;CACN,CAAA;AACE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter.js","names":[],"sources":["../../../../src/components/v1/icons/action/FilterIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst FilterIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M5.88204 5.7652C6.35704 3.8826 8.07789 2.5 10.1093 2.5C12.5035 2.5 14.4664 4.42074 14.4664 6.81702C14.4664 9.2133 12.5035 11.134 10.1093 11.134C8.07658 11.134 6.35482 9.74965 5.88112 7.8652H2.55C1.9701 7.8652 1.5 7.3951 1.5 6.8152C1.5 6.2353 1.9701 5.7652 2.55 5.7652H5.88204ZM10.1093 4.6C8.85052 4.6 7.85208 5.60465 7.85208 6.81702C7.85208 8.02939 8.85052 9.03404 10.1093 9.03404C11.368 9.03404 12.3664 8.02939 12.3664 6.81702C12.3664 5.60465 11.368 4.6 10.1093 4.6ZM15.15 6.8152C15.15 6.2353 15.6201 5.7652 16.2 5.7652H21.4491C22.029 5.7652 22.4991 6.2353 22.4991 6.8152C22.4991 7.3951 22.029 7.8652 21.4491 7.8652H16.2C15.6201 7.8652 15.15 7.3951 15.15 6.8152ZM9.53356 17.083C9.53356 14.6867 11.4965 12.766 13.8907 12.766C15.9231 12.766 17.6446 14.1499 18.1186 16.0339H21.45C22.0299 16.0339 22.5 16.504 22.5 17.0839C22.5 17.6638 22.0299 18.1339 21.45 18.1339H18.1182C17.6435 20.0169 15.9224 21.4 13.8907 21.4C11.4965 21.4 9.53356 19.4793 9.53356 17.083ZM13.8907 14.866C12.632 14.866 11.6336 15.8706 11.6336 17.083C11.6336 18.2954 12.632 19.3 13.8907 19.3C15.1495 19.3 16.1479 18.2954 16.1479 17.083C16.1479 15.8706 15.1495 14.866 13.8907 14.866ZM1.5 17.0839C1.5 16.504 1.9701 16.0339 2.55 16.0339H7.8C8.3799 16.0339 8.85 16.504 8.85 17.0839C8.85 17.6638 8.3799 18.1339 7.8 18.1339H2.55C1.9701 18.1339 1.5 17.6638 1.5 17.0839Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { FilterIcon };\n"],"mappings":";;AAEA,IAAM,KAAc,MAEhB,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAC9D,kBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAK;
|
|
1
|
+
{"version":3,"file":"filter.js","names":[],"sources":["../../../../src/components/v1/icons/action/FilterIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst FilterIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M5.88204 5.7652C6.35704 3.8826 8.07789 2.5 10.1093 2.5C12.5035 2.5 14.4664 4.42074 14.4664 6.81702C14.4664 9.2133 12.5035 11.134 10.1093 11.134C8.07658 11.134 6.35482 9.74965 5.88112 7.8652H2.55C1.9701 7.8652 1.5 7.3951 1.5 6.8152C1.5 6.2353 1.9701 5.7652 2.55 5.7652H5.88204ZM10.1093 4.6C8.85052 4.6 7.85208 5.60465 7.85208 6.81702C7.85208 8.02939 8.85052 9.03404 10.1093 9.03404C11.368 9.03404 12.3664 8.02939 12.3664 6.81702C12.3664 5.60465 11.368 4.6 10.1093 4.6ZM15.15 6.8152C15.15 6.2353 15.6201 5.7652 16.2 5.7652H21.4491C22.029 5.7652 22.4991 6.2353 22.4991 6.8152C22.4991 7.3951 22.029 7.8652 21.4491 7.8652H16.2C15.6201 7.8652 15.15 7.3951 15.15 6.8152ZM9.53356 17.083C9.53356 14.6867 11.4965 12.766 13.8907 12.766C15.9231 12.766 17.6446 14.1499 18.1186 16.0339H21.45C22.0299 16.0339 22.5 16.504 22.5 17.0839C22.5 17.6638 22.0299 18.1339 21.45 18.1339H18.1182C17.6435 20.0169 15.9224 21.4 13.8907 21.4C11.4965 21.4 9.53356 19.4793 9.53356 17.083ZM13.8907 14.866C12.632 14.866 11.6336 15.8706 11.6336 17.083C11.6336 18.2954 12.632 19.3 13.8907 19.3C15.1495 19.3 16.1479 18.2954 16.1479 17.083C16.1479 15.8706 15.1495 14.866 13.8907 14.866ZM1.5 17.0839C1.5 16.504 1.9701 16.0339 2.55 16.0339H7.8C8.3799 16.0339 8.85 16.504 8.85 17.0839C8.85 17.6638 8.3799 18.1339 7.8 18.1339H2.55C1.9701 18.1339 1.5 17.6638 1.5 17.0839Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { FilterIcon };\n"],"mappings":";;AAEA,IAAM,KAAc,MAEhB,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAC9D,kBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAK;CACN,CAAA;AACE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"retry.js","names":[],"sources":["../../../../src/components/v1/icons/action/RetryIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst RetryIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M12.584 1.246a1 1 0 0 1 1.41.097l2.89 3.32a1 1 0 0 1-.164 1.465l-3.37 2.46a1 1 0 0 1-1.18-1.616l1.574-1.149A9 9 0 0 0 12 5.65a7.67 7.67 0 0 0-7.67 7.67A7.67 7.67 0 0 0 12 21a7.67 7.67 0 0 0 7.67-7.67 7.67 7.67 0 0 0-1.292-4.265 1 1 0 1 1 1.664-1.11 9.67 9.67 0 0 1 1.628 5.375A9.67 9.67 0 0 1 12 23c-5.343 0-9.67-4.328-9.67-9.68A9.67 9.67 0 0 1 12 3.65q.747.002 1.433.095l-.947-1.088a1 1 0 0 1 .098-1.411\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { RetryIcon };\n"],"mappings":";;AAEA,IAAM,KAAa,MAEf,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAC9D,kBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAK;
|
|
1
|
+
{"version":3,"file":"retry.js","names":[],"sources":["../../../../src/components/v1/icons/action/RetryIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst RetryIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M12.584 1.246a1 1 0 0 1 1.41.097l2.89 3.32a1 1 0 0 1-.164 1.465l-3.37 2.46a1 1 0 0 1-1.18-1.616l1.574-1.149A9 9 0 0 0 12 5.65a7.67 7.67 0 0 0-7.67 7.67A7.67 7.67 0 0 0 12 21a7.67 7.67 0 0 0 7.67-7.67 7.67 7.67 0 0 0-1.292-4.265 1 1 0 1 1 1.664-1.11 9.67 9.67 0 0 1 1.628 5.375A9.67 9.67 0 0 1 12 23c-5.343 0-9.67-4.328-9.67-9.68A9.67 9.67 0 0 1 12 3.65q.747.002 1.433.095l-.947-1.088a1 1 0 0 1 .098-1.411\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { RetryIcon };\n"],"mappings":";;AAEA,IAAM,KAAa,MAEf,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAC9D,kBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAK;CACN,CAAA;AACE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sorting.js","names":[],"sources":["../../../../src/components/v1/icons/action/SortingIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst SortingIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M17.3462 3C17.8984 3 18.3462 3.44772 18.3462 4L18.3462 17.4991L20.7757 14.9469C21.1565 14.5469 21.7895 14.5313 22.1895 14.9121C22.5895 15.2928 22.6051 15.9258 22.2243 16.3258L18.0705 20.6895C17.8817 20.8878 17.6199 21 17.3462 21C17.0724 21 16.8106 20.8878 16.6219 20.6895L12.468 16.3258C12.0872 15.9258 12.1028 15.2928 12.5028 14.9121C12.9029 14.5313 13.5358 14.5469 13.9166 14.9469L16.3462 17.4991L16.3462 4C16.3462 3.44772 16.7939 3 17.3462 3ZM6.65385 3C6.92761 3 7.1894 3.11223 7.37815 3.31052L11.532 7.67416C11.9128 8.07418 11.8972 8.70715 11.4972 9.08794C11.0972 9.46873 10.4642 9.45314 10.0834 9.05312L7.65385 6.50087L7.65385 20C7.65385 20.5523 7.20613 21 6.65385 21C6.10156 21 5.65385 20.5523 5.65385 20L5.65385 6.50087L3.22431 9.05312C2.84352 9.45314 2.21054 9.46873 1.81052 9.08794C1.4105 8.70715 1.39491 8.07418 1.7757 7.67416L5.92954 3.31052C6.1183 3.11223 6.38009 3 6.65385 3Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { SortingIcon };\n"],"mappings":";;AAEA,IAAM,KAAe,MAEjB,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAC9D,kBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAK;
|
|
1
|
+
{"version":3,"file":"sorting.js","names":[],"sources":["../../../../src/components/v1/icons/action/SortingIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst SortingIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M17.3462 3C17.8984 3 18.3462 3.44772 18.3462 4L18.3462 17.4991L20.7757 14.9469C21.1565 14.5469 21.7895 14.5313 22.1895 14.9121C22.5895 15.2928 22.6051 15.9258 22.2243 16.3258L18.0705 20.6895C17.8817 20.8878 17.6199 21 17.3462 21C17.0724 21 16.8106 20.8878 16.6219 20.6895L12.468 16.3258C12.0872 15.9258 12.1028 15.2928 12.5028 14.9121C12.9029 14.5313 13.5358 14.5469 13.9166 14.9469L16.3462 17.4991L16.3462 4C16.3462 3.44772 16.7939 3 17.3462 3ZM6.65385 3C6.92761 3 7.1894 3.11223 7.37815 3.31052L11.532 7.67416C11.9128 8.07418 11.8972 8.70715 11.4972 9.08794C11.0972 9.46873 10.4642 9.45314 10.0834 9.05312L7.65385 6.50087L7.65385 20C7.65385 20.5523 7.20613 21 6.65385 21C6.10156 21 5.65385 20.5523 5.65385 20L5.65385 6.50087L3.22431 9.05312C2.84352 9.45314 2.21054 9.46873 1.81052 9.08794C1.4105 8.70715 1.39491 8.07418 1.7757 7.67416L5.92954 3.31052C6.1183 3.11223 6.38009 3 6.65385 3Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { SortingIcon };\n"],"mappings":";;AAEA,IAAM,KAAe,MAEjB,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAC9D,kBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAK;CACN,CAAA;AACE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"close.js","names":[],"sources":["../../../../src/components/v1/icons/static/CloseIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst CloseIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M19.7071 4.29289C20.0976 4.68342 20.0976 5.31658 19.7071 5.70711L13.4142 12L19.7071 18.2929C20.0976 18.6834 20.0976 19.3166 19.7071 19.7071C19.3166 20.0976 18.6834 20.0976 18.2929 19.7071L12 13.4142L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L10.5858 12L4.29289 5.70711C3.90237 5.31659 3.90237 4.68342 4.29289 4.2929C4.68342 3.90237 5.31658 3.90237 5.70711 4.2929L12 10.5858L18.2929 4.29289C18.6834 3.90237 19.3166 3.90237 19.7071 4.29289Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { CloseIcon };\n"],"mappings":";;AAEA,IAAM,KAAa,MAEf,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAC9D,kBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAK;
|
|
1
|
+
{"version":3,"file":"close.js","names":[],"sources":["../../../../src/components/v1/icons/static/CloseIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst CloseIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M19.7071 4.29289C20.0976 4.68342 20.0976 5.31658 19.7071 5.70711L13.4142 12L19.7071 18.2929C20.0976 18.6834 20.0976 19.3166 19.7071 19.7071C19.3166 20.0976 18.6834 20.0976 18.2929 19.7071L12 13.4142L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L10.5858 12L4.29289 5.70711C3.90237 5.31659 3.90237 4.68342 4.29289 4.2929C4.68342 3.90237 5.31658 3.90237 5.70711 4.2929L12 10.5858L18.2929 4.29289C18.6834 3.90237 19.3166 3.90237 19.7071 4.29289Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { CloseIcon };\n"],"mappings":";;AAEA,IAAM,KAAa,MAEf,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAC9D,kBAAC,QAAD;EACE,UAAS;EACT,UAAS;EACT,GAAE;EACF,MAAK;CACN,CAAA;AACE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"delete.js","names":[],"sources":["../../../../src/components/v1/icons/static/DeleteIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst DeleteIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n opacity=\"0.399\"\n d=\"M19.23 8.14C18.99 7.89 18.66 7.75 18.32 7.75H5.67999C5.33999 7.75 4.99999 7.89 4.76999 8.14C4.53999 8.39 4.40999 8.73 4.42999 9.08L5.04999 19.34C5.15999 20.86 5.29999 22.76 8.78999 22.76H15.21C18.7 22.76 18.84 20.87 18.95 19.34L19.57 9.09C19.59 8.73 19.46 8.39 19.23 8.14Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M21.0699 5.23C19.4599 5.07 17.8499 4.95 16.2299 4.86V4.85L16.0099 3.55C15.8599 2.63 15.6399 1.25 13.2999 1.25H10.6799C8.34991 1.25 8.12991 2.57 7.96991 3.54L7.75991 4.82C6.82991 4.88 5.89991 4.94 4.96991 5.03L2.92991 5.23C2.50991 5.27 2.20991 5.64 2.24991 6.05C2.28991 6.46 2.64991 6.76 3.06991 6.72L5.10991 6.52C10.3499 6 15.6299 6.2 20.9299 6.73H21.0099C21.3899 6.73 21.7199 6.44 21.7599 6.05C21.775 5.85024 21.7112 5.65253 21.5822 5.49925C21.4532 5.34596 21.2693 5.24931 21.0699 5.23Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.57994 17C9.57994 16.8011 9.65896 16.6103 9.79961 16.4697C9.94026 16.329 10.131 16.25 10.3299 16.25H13.6599C13.8589 16.25 14.0496 16.329 14.1903 16.4697C14.3309 16.6103 14.4099 16.8011 14.4099 17C14.4099 17.1989 14.3309 17.3897 14.1903 17.5303C14.0496 17.671 13.8589 17.75 13.6599 17.75H10.3299C10.131 17.75 9.94026 17.671 9.79961 17.5303C9.65896 17.3897 9.57994 17.1989 9.57994 17ZM8.74994 13C8.74994 12.8011 8.82896 12.6103 8.96961 12.4697C9.11026 12.329 9.30103 12.25 9.49994 12.25H14.4999C14.6989 12.25 14.8896 12.329 15.0303 12.4697C15.1709 12.6103 15.2499 12.8011 15.2499 13C15.2499 13.1989 15.1709 13.3897 15.0303 13.5303C14.8896 13.671 14.6989 13.75 14.4999 13.75H9.49994C9.30103 13.75 9.11026 13.671 8.96961 13.5303C8.82896 13.3897 8.74994 13.1989 8.74994 13Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { DeleteIcon };\n"],"mappings":";;AAEA,IAAM,KAAc,MAEhB,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAAhE;EACE,kBAAC,QAAD;GACE,SAAQ;GACR,GAAE;GACF,MAAK;
|
|
1
|
+
{"version":3,"file":"delete.js","names":[],"sources":["../../../../src/components/v1/icons/static/DeleteIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst DeleteIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n opacity=\"0.399\"\n d=\"M19.23 8.14C18.99 7.89 18.66 7.75 18.32 7.75H5.67999C5.33999 7.75 4.99999 7.89 4.76999 8.14C4.53999 8.39 4.40999 8.73 4.42999 9.08L5.04999 19.34C5.15999 20.86 5.29999 22.76 8.78999 22.76H15.21C18.7 22.76 18.84 20.87 18.95 19.34L19.57 9.09C19.59 8.73 19.46 8.39 19.23 8.14Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M21.0699 5.23C19.4599 5.07 17.8499 4.95 16.2299 4.86V4.85L16.0099 3.55C15.8599 2.63 15.6399 1.25 13.2999 1.25H10.6799C8.34991 1.25 8.12991 2.57 7.96991 3.54L7.75991 4.82C6.82991 4.88 5.89991 4.94 4.96991 5.03L2.92991 5.23C2.50991 5.27 2.20991 5.64 2.24991 6.05C2.28991 6.46 2.64991 6.76 3.06991 6.72L5.10991 6.52C10.3499 6 15.6299 6.2 20.9299 6.73H21.0099C21.3899 6.73 21.7199 6.44 21.7599 6.05C21.775 5.85024 21.7112 5.65253 21.5822 5.49925C21.4532 5.34596 21.2693 5.24931 21.0699 5.23Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.57994 17C9.57994 16.8011 9.65896 16.6103 9.79961 16.4697C9.94026 16.329 10.131 16.25 10.3299 16.25H13.6599C13.8589 16.25 14.0496 16.329 14.1903 16.4697C14.3309 16.6103 14.4099 16.8011 14.4099 17C14.4099 17.1989 14.3309 17.3897 14.1903 17.5303C14.0496 17.671 13.8589 17.75 13.6599 17.75H10.3299C10.131 17.75 9.94026 17.671 9.79961 17.5303C9.65896 17.3897 9.57994 17.1989 9.57994 17ZM8.74994 13C8.74994 12.8011 8.82896 12.6103 8.96961 12.4697C9.11026 12.329 9.30103 12.25 9.49994 12.25H14.4999C14.6989 12.25 14.8896 12.329 15.0303 12.4697C15.1709 12.6103 15.2499 12.8011 15.2499 13C15.2499 13.1989 15.1709 13.3897 15.0303 13.5303C14.8896 13.671 14.6989 13.75 14.4999 13.75H9.49994C9.30103 13.75 9.11026 13.671 8.96961 13.5303C8.82896 13.3897 8.74994 13.1989 8.74994 13Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { DeleteIcon };\n"],"mappings":";;AAEA,IAAM,KAAc,MAEhB,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAAhE;EACE,kBAAC,QAAD;GACE,SAAQ;GACR,GAAE;GACF,MAAK;EACN,CAAA;EACD,kBAAC,QAAD;GACE,GAAE;GACF,MAAK;EACN,CAAA;EACD,kBAAC,QAAD;GACE,UAAS;GACT,UAAS;GACT,GAAE;GACF,MAAK;EACN,CAAA;CACE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"recent.js","names":[],"sources":["../../../../src/components/v1/icons/static/RecentIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst RecentIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n opacity=\"0.4\"\n d=\"M19 2H5C3.34315 2 2 3.34315 2 5V19C2 20.6569 3.34315 22 5 22H19C20.6569 22 22 20.6569 22 19V5C22 3.34315 20.6569 2 19 2Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M14.6689 6.32707C14.9253 6.20088 15.2312 6.2314 15.4576 6.40576L18.4576 8.71576C18.7858 8.96847 18.847 9.43938 18.5943 9.76758C18.3416 10.0958 17.8707 10.157 17.5425 9.90425L15.75 8.52408V17C15.75 17.4142 15.4143 17.75 15 17.75C14.5858 17.75 14.25 17.4142 14.25 17V7.00001C14.25 6.71421 14.4125 6.45326 14.6689 6.32707Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.00004 6.25001C9.41425 6.25001 9.75004 6.58579 9.75004 7.00001V17C9.75004 17.2858 9.58761 17.5468 9.33119 17.6729C9.07476 17.7991 8.76891 17.7686 8.54247 17.5943L5.54247 15.2843C5.21427 15.0315 5.15308 14.5606 5.40579 14.2324C5.6585 13.9042 6.12941 13.843 6.45761 14.0958L8.25004 15.4759V7.00001C8.25004 6.58579 8.58582 6.25001 9.00004 6.25001Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { RecentIcon };\n"],"mappings":";;AAEA,IAAM,KAAc,MAEhB,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAAhE;EACE,kBAAC,QAAD;GACE,SAAQ;GACR,GAAE;GACF,MAAK;
|
|
1
|
+
{"version":3,"file":"recent.js","names":[],"sources":["../../../../src/components/v1/icons/static/RecentIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst RecentIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n opacity=\"0.4\"\n d=\"M19 2H5C3.34315 2 2 3.34315 2 5V19C2 20.6569 3.34315 22 5 22H19C20.6569 22 22 20.6569 22 19V5C22 3.34315 20.6569 2 19 2Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M14.6689 6.32707C14.9253 6.20088 15.2312 6.2314 15.4576 6.40576L18.4576 8.71576C18.7858 8.96847 18.847 9.43938 18.5943 9.76758C18.3416 10.0958 17.8707 10.157 17.5425 9.90425L15.75 8.52408V17C15.75 17.4142 15.4143 17.75 15 17.75C14.5858 17.75 14.25 17.4142 14.25 17V7.00001C14.25 6.71421 14.4125 6.45326 14.6689 6.32707Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.00004 6.25001C9.41425 6.25001 9.75004 6.58579 9.75004 7.00001V17C9.75004 17.2858 9.58761 17.5468 9.33119 17.6729C9.07476 17.7991 8.76891 17.7686 8.54247 17.5943L5.54247 15.2843C5.21427 15.0315 5.15308 14.5606 5.40579 14.2324C5.6585 13.9042 6.12941 13.843 6.45761 14.0958L8.25004 15.4759V7.00001C8.25004 6.58579 8.58582 6.25001 9.00004 6.25001Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { RecentIcon };\n"],"mappings":";;AAEA,IAAM,KAAc,MAEhB,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAAhE;EACE,kBAAC,QAAD;GACE,SAAQ;GACR,GAAE;GACF,MAAK;EACN,CAAA;EACD,kBAAC,QAAD;GACE,UAAS;GACT,UAAS;GACT,GAAE;GACF,MAAK;EACN,CAAA;EACD,kBAAC,QAAD;GACE,UAAS;GACT,UAAS;GACT,GAAE;GACF,MAAK;EACN,CAAA;CACE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"report.js","names":[],"sources":["../../../../src/components/v1/icons/static/ReportIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst ReportIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n d=\"M11.9986 4.88802C11.3424 4.88802 10.7982 4.35925 10.7982 3.72162V2.16641C10.7982 1.52877 11.3424 1 11.9986 1C12.6547 1 13.1989 1.52877 13.1989 2.16641V3.72162C13.1989 4.35925 12.6547 4.88802 11.9986 4.88802ZM4.79709 8C4.49301 8 4.18892 7.89114 3.94886 7.65785L2.34842 6.10264C2.12519 5.88314 2 5.58698 2 5.27838C2 4.96978 2.12519 4.67362 2.34842 4.45412C2.81254 4.00311 3.58076 4.00311 4.04488 4.45412L5.64532 6.00933C6.10945 6.46034 6.10945 7.20684 5.64532 7.65785C5.40526 7.89114 5.10117 8 4.79709 8ZM19.2032 8C18.8991 8 18.5951 7.89114 18.355 7.65785C18.1318 7.43835 18.0066 7.14219 18.0066 6.83359C18.0066 6.52499 18.1318 6.22883 18.355 6.00933L19.9554 4.45412C20.4196 4.00311 21.1878 4.00311 21.6519 4.45412C22.116 4.90513 22.116 5.65163 21.6519 6.10264L20.0515 7.65785C19.8114 7.89114 19.5073 8 19.2032 8Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M22 21C22 21.5467 21.6837 22 21.3023 22H2.69767C2.31628 22 2 21.5467 2 21C2 20.4533 2.31628 20 2.69767 20H21.3023C21.6837 20 22 20.4533 22 21Z\"\n fill=\"currentColor\"\n />\n <path\n opacity=\"0.4\"\n d=\"M20 14.6721V20H4V14.6721C4 12.6374 4.84285 10.6859 6.34315 9.24711C7.84344 7.80831 9.87827 7 12 7C14.1217 7 16.1566 7.80831 17.6569 9.24711C19.1572 10.6859 20 12.6374 20 14.6721Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { ReportIcon };\n"],"mappings":";;AAEA,IAAM,KAAc,MAEhB,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAAhE;EACE,kBAAC,QAAD;GACE,GAAE;GACF,MAAK;
|
|
1
|
+
{"version":3,"file":"report.js","names":[],"sources":["../../../../src/components/v1/icons/static/ReportIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst ReportIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n d=\"M11.9986 4.88802C11.3424 4.88802 10.7982 4.35925 10.7982 3.72162V2.16641C10.7982 1.52877 11.3424 1 11.9986 1C12.6547 1 13.1989 1.52877 13.1989 2.16641V3.72162C13.1989 4.35925 12.6547 4.88802 11.9986 4.88802ZM4.79709 8C4.49301 8 4.18892 7.89114 3.94886 7.65785L2.34842 6.10264C2.12519 5.88314 2 5.58698 2 5.27838C2 4.96978 2.12519 4.67362 2.34842 4.45412C2.81254 4.00311 3.58076 4.00311 4.04488 4.45412L5.64532 6.00933C6.10945 6.46034 6.10945 7.20684 5.64532 7.65785C5.40526 7.89114 5.10117 8 4.79709 8ZM19.2032 8C18.8991 8 18.5951 7.89114 18.355 7.65785C18.1318 7.43835 18.0066 7.14219 18.0066 6.83359C18.0066 6.52499 18.1318 6.22883 18.355 6.00933L19.9554 4.45412C20.4196 4.00311 21.1878 4.00311 21.6519 4.45412C22.116 4.90513 22.116 5.65163 21.6519 6.10264L20.0515 7.65785C19.8114 7.89114 19.5073 8 19.2032 8Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M22 21C22 21.5467 21.6837 22 21.3023 22H2.69767C2.31628 22 2 21.5467 2 21C2 20.4533 2.31628 20 2.69767 20H21.3023C21.6837 20 22 20.4533 22 21Z\"\n fill=\"currentColor\"\n />\n <path\n opacity=\"0.4\"\n d=\"M20 14.6721V20H4V14.6721C4 12.6374 4.84285 10.6859 6.34315 9.24711C7.84344 7.80831 9.87827 7 12 7C14.1217 7 16.1566 7.80831 17.6569 9.24711C19.1572 10.6859 20 12.6374 20 14.6721Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { ReportIcon };\n"],"mappings":";;AAEA,IAAM,KAAc,MAEhB,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAAhE;EACE,kBAAC,QAAD;GACE,GAAE;GACF,MAAK;EACN,CAAA;EACD,kBAAC,QAAD;GACE,GAAE;GACF,MAAK;EACN,CAAA;EACD,kBAAC,QAAD;GACE,SAAQ;GACR,GAAE;GACF,MAAK;EACN,CAAA;CACE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shield-done.js","names":[],"sources":["../../../../src/components/v1/icons/static/ShieldDoneIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst ShieldDoneIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n opacity=\"0.4\"\n d=\"M10.9608 2.0588L5.46078 4.1188C4.41078 4.5188 3.55078 5.7588 3.55078 6.8888V14.9888C3.55078 15.7988 4.08078 16.8688 4.73078 17.3488L10.2308 21.4588C11.2008 22.1888 12.7908 22.1888 13.7608 21.4588L19.2608 17.3488C19.9108 16.8588 20.4408 15.7988 20.4408 14.9888V6.8888C20.4408 5.7688 19.5808 4.5188 18.5308 4.1288L13.0308 2.0688C12.4708 1.8488 11.5308 1.8488 10.9608 2.0588Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M10.657 14.2309C10.467 14.2309 10.277 14.1609 10.127 14.0109L8.51702 12.4009C8.37754 12.2598 8.29932 12.0693 8.29932 11.8709C8.29932 11.6725 8.37754 11.482 8.51702 11.3409C8.80702 11.0509 9.28702 11.0509 9.57702 11.3409L10.657 12.4209L14.427 8.65091C14.717 8.36091 15.197 8.36091 15.487 8.65091C15.777 8.94091 15.777 9.42091 15.487 9.71091L11.187 14.0109C11.037 14.1609 10.847 14.2309 10.657 14.2309Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { ShieldDoneIcon };\n"],"mappings":";;AAEA,IAAM,KAAkB,MAEpB,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAAhE,CACE,kBAAC,QAAD;EACE,SAAQ;EACR,GAAE;EACF,MAAK;
|
|
1
|
+
{"version":3,"file":"shield-done.js","names":[],"sources":["../../../../src/components/v1/icons/static/ShieldDoneIcon.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nconst ShieldDoneIcon = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n opacity=\"0.4\"\n d=\"M10.9608 2.0588L5.46078 4.1188C4.41078 4.5188 3.55078 5.7588 3.55078 6.8888V14.9888C3.55078 15.7988 4.08078 16.8688 4.73078 17.3488L10.2308 21.4588C11.2008 22.1888 12.7908 22.1888 13.7608 21.4588L19.2608 17.3488C19.9108 16.8588 20.4408 15.7988 20.4408 14.9888V6.8888C20.4408 5.7688 19.5808 4.5188 18.5308 4.1288L13.0308 2.0688C12.4708 1.8488 11.5308 1.8488 10.9608 2.0588Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M10.657 14.2309C10.467 14.2309 10.277 14.1609 10.127 14.0109L8.51702 12.4009C8.37754 12.2598 8.29932 12.0693 8.29932 11.8709C8.29932 11.6725 8.37754 11.482 8.51702 11.3409C8.80702 11.0509 9.28702 11.0509 9.57702 11.3409L10.657 12.4209L14.427 8.65091C14.717 8.36091 15.197 8.36091 15.487 8.65091C15.777 8.94091 15.777 9.42091 15.487 9.71091L11.187 14.0109C11.037 14.1609 10.847 14.2309 10.657 14.2309Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport { ShieldDoneIcon };\n"],"mappings":";;AAEA,IAAM,KAAkB,MAEpB,kBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAO,GAAI;WAAhE,CACE,kBAAC,QAAD;EACE,SAAQ;EACR,GAAE;EACF,MAAK;CACN,CAAA,GACD,kBAAC,QAAD;EACE,GAAE;EACF,MAAK;CACN,CAAA,CACE"}
|
package/dist/v1/popup.js
CHANGED
package/dist/v1/text-field.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { t as e } from "../TailwindUtil-
|
|
2
|
+
import { t as e } from "../TailwindUtil-DiNvXuNl.js";
|
|
3
3
|
import { CTAButton as t } from "./cta-button.js";
|
|
4
4
|
import { CancelFilledIcon as n } from "./icons/action/cancel-filled.js";
|
|
5
5
|
import { ChevronLeftIcon as r } from "./icons/action/chevron-left.js";
|