@wishket/design-system 1.5.0 → 1.5.1

package/dist/Components/Inputs/Checkbox/Checkbox.parts.js

@@ -1 +1 @@
-"use strict";var r=require("react/jsx-runtime"),e=require("tailwind-merge"),s="absolute h-[2px] origin-top-left rounded",a="transition-[width] duration-100 ease-linear",o="left-[3.2px] top-[5.45px] rotate-45",t="left-[4.5px] top-[8.95px] -rotate-45",i="bg-w-gray-200 group-hover:bg-w-primary",d="bg-w-white group-hover:bg-w-white",l="bg-w-red-500 group-hover:bg-w-red-500",w="bg-w-gray-200 group-hover:bg-w-gray-200",c=function(i){var l=i.checked,c=i.isError,i=i.disabled;return r.jsxs("div",{className:"relative h-full w-full cursor-pointer bg-transparent",children:[r.jsx("div",{className:e.twMerge(s,o,a,d,c&&i&&w,l?"w-[5.65px]":"w-0")}),r.jsx("div",{className:e.twMerge(s,t,a,d,c&&i&&w,l?"w-[8.3px] delay-100":"w-0 delay-0")})]})},g=function(c){var g=c.checked,n=c.isError,c=c.disabled;return r.jsxs("div",{className:"relative h-full w-full cursor-pointer bg-transparent",children:[r.jsx("div",{className:e.twMerge(s,o,n?l:i,n&&c&&w,g?"w-0":"w-[5.65px]")}),r.jsx("div",{className:e.twMerge(s,t,n?l:i,n&&c&&w,g?"w-0":"w-[8.3px]")}),r.jsx("div",{className:e.twMerge(s,o,a,d,n&&c&&w,g?"w-[5.65px]":"w-0")}),r.jsx("div",{className:e.twMerge(s,t,a,d,n&&c&&w,g?"w-[8.3px] delay-100":"w-0 delay-0")})]})},n=function(s){var a=s.className,o=s.checked,t=s.disabled,s=s.isError,i="text-w-gray-100";return r.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e.twMerge(s?t?i:"text-w-red-500":t?o?"text-primary-100":i:o?"text-primary":"text-w-gray-200 group-hover:text-primary",a),"data-testid":"design-system--sub-checkbox",children:r.jsx("path",{d:"M4 8.76667L7.75004 12.5L14.0001 5.5",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})})};exports.CheckboxButton=function(s){var a=s.type,o=s.disabled,t=s.checked,t=void 0!==t&&t,i=s.isError,d=s.isFocused,s=s.className,w="circle"===a?"rounded-full":"rounded";return"sub"===a?r.jsx(n,{className:s,checked:t,disabled:o,isError:i}):r.jsxs("div",{className:e.twMerge("group relative m-px box-border size-4 cursor-pointer border",w,o&&!t?"border-w-gray-200 bg-w-gray-50 cursor-not-allowed":o&&t&&!i?"bg-primary-100 border-primary-100 cursor-not-allowed":o&&t&&i?"bg-w-gray-50 border-w-gray-200 cursor-not-allowed":t&&d&&!i?"bg-primary-500 border-primary-500":t||!d||i?!t||o||i?t||o||!i?t&&!o&&i?"border-w-red-500 bg-w-red-500":"group-hover:border-primary-500 border-w-gray-200 bg-white":"border-w-red-500 bg-w-white":"bg-primary-500 border-primary-500":"border-primary-500",s),role:"checkbox-button",children:["box"===a&&r.jsx(c,{checked:t,isError:i,disabled:o}),"circle"===a&&r.jsx(g,{checked:t,isError:i,disabled:o})]})};
+"use strict";var r=require("react/jsx-runtime"),e=require("tailwind-merge"),s="absolute h-[2px] origin-top-left rounded",a="transition-[width] duration-100 ease-linear",t="left-[3.2px] top-[5.45px] rotate-45",o="left-[4.5px] top-[8.95px] -rotate-45",i="bg-w-gray-200 group-hover:bg-w-primary",d="bg-w-white group-hover:bg-w-white",l="bg-w-red-500 group-hover:bg-w-red-500",w="bg-w-gray-200 group-hover:bg-w-gray-200",c=function(i){var l=i.checked,c=i.isError,i=i.disabled;return r.jsxs("div",{className:"relative h-full w-full cursor-pointer bg-transparent",children:[r.jsx("div",{className:e.twMerge(s,t,a,d,c&&i&&w,l?"w-[5.65px]":"w-0")}),r.jsx("div",{className:e.twMerge(s,o,a,d,c&&i&&w,l?"w-[8.3px] delay-100":"w-0 delay-0")})]})},g=function(c){var g=c.checked,n=c.isError,c=c.disabled;return r.jsxs("div",{className:"relative h-full w-full cursor-pointer bg-transparent",children:[r.jsx("div",{className:e.twMerge(s,t,n?l:i,n&&c&&w,g?"w-0":"w-[5.65px]")}),r.jsx("div",{className:e.twMerge(s,o,n?l:i,n&&c&&w,g?"w-0":"w-[8.3px]")}),r.jsx("div",{className:e.twMerge(s,t,a,d,n&&c&&w,g?"w-[5.65px]":"w-0")}),r.jsx("div",{className:e.twMerge(s,o,a,d,n&&c&&w,g?"w-[8.3px] delay-100":"w-0 delay-0")})]})},n=function(s){var a=s.className,t=s.checked,o=s.disabled,s=s.isError,i="text-w-gray-100";return r.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e.twMerge(s?o?i:"text-w-red-500":o?t?"text-primary-100":i:t?"text-primary":"text-w-gray-200 group-hover:text-primary",a),"data-testid":"design-system--sub-checkbox",children:r.jsx("path",{d:"M4 8.76667L7.75004 12.5L14.0001 5.5",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})})};exports.CheckboxButton=function(s){var a=s.type,t=s.disabled,o=s.checked,o=void 0!==o&&o,i=s.isError,d=s.isFocused,s=s.className,w="circle"===a?"rounded-full":"rounded";return"sub"===a?r.jsx(n,{className:s,checked:o,disabled:t,isError:i}):r.jsxs("div",{className:e.twMerge("group relative m-px box-border size-4 cursor-pointer border",w,t?o?i?"bg-w-gray-50 border-w-gray-200 cursor-not-allowed":"bg-primary-100 border-primary-100 cursor-not-allowed":"border-w-gray-200 bg-w-gray-50 cursor-not-allowed":d&&!i?o?"bg-primary-500 border-primary-500":"border-primary-500 bg-w-white":i?o?"border-w-red-500 bg-w-red-500":"border-w-red-500 bg-w-white":o?"bg-primary-500 border-primary-500":"group-hover:border-primary-500 border-w-gray-200 bg-white",s),role:"checkbox-button",children:["box"===a&&r.jsx(c,{checked:o,isError:i,disabled:t}),"circle"===a&&r.jsx(g,{checked:o,isError:i,disabled:t})]})};

package/dist/Components/Inputs/CheckboxList/CheckboxList.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("tailwind-merge"),s=require("../CheckboxListItem/CheckboxListItem.js"),i=function(e){var s=e.children,i=e.className,e=e.testId;return t.jsx("div",{className:r.twMerge("group flex w-full flex-col gap-3",i),"data-testid":e,children:s})};module.exports=function(r){var a=r.data,l=r.className,u=r.testId,r=r.type,c=void 0===r?"box":r;return t.jsx(i,{className:l,testId:u,children:a.map(function(r,i){return t.jsx(s,e.__assign({},r,{type:c}),i)})})};
+"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("tailwind-merge"),s=require("../CheckboxListItem/CheckboxListItem.js"),i=function(e){var s=e.children,i=e.className,e=e.testId;return t.jsx("div",{className:r.twMerge("flex w-full flex-col gap-3",i),"data-testid":e,children:s})};module.exports=function(r){var a=r.data,l=r.className,c=r.testId,r=r.type,n=void 0===r?"box":r;return t.jsx(i,{className:l,testId:c,children:a.map(function(r,i){return t.jsx(s,e.__assign({},r,{type:n}),i)})})};

package/dist/Components/Inputs/CheckboxListItem/CheckboxListItem.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),i=require("react"),r=require("tailwind-merge"),a=require("../../Base/Typography/Typography.js"),t=require("../../Base/Layouts/Box/Box.js"),c=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../Checkbox/Checkbox.js")),l=function(i){var a=i.children,t=i.disabled,c=i.hasDescription,l=i.className,i=e.__rest(i,["children","disabled","hasDescription","className"]);return s.jsx("label",e.__assign({className:r.twMerge("grid h-min grid-cols-checkbox-list-item-container grid-rows-checkbox-list-item-container gap-x-3 grid-areas-checkbox-list-item-container",c?"gap-y-0.5":"gap-y-0",t?"cursor-not-allowed":"cursor-pointer",l)},i,{children:a}))};module.exports=function(o){var n=o.label,d=o.description,h=o.type,h=void 0===h?"box":h,x=o.checked,m=o.disabled,m=void 0!==m&&m,u=o.isError,u=void 0!==u&&u,b=(o.className,o.CheckboxClassName),g=o.onChange,p=o.children,o=e.__rest(o,["label","description","type","checked","disabled","isError","className","CheckboxClassName","onChange","children"]),y=i.useState(!1),k=y[0],j=y[1];return s.jsxs(l,{"data-testid":"design-system-checkboxList--item",disabled:m,hasDescription:!!d,onMouseOver:function(){j(!0)},onMouseOut:function(){j(!1)},children:[s.jsx(t,{className:"cursor-pointer pt-1 grid-in-checkbox",children:s.jsx(c,e.__assign({checked:x,isHover:k,isError:u,disabled:m,onChange:g,className:b,type:h},o))}),s.jsxs(t,{className:"flex w-full items-center grid-in-label","data-testid":"design-system-checkboxList--item-label-root",children:[n&&s.jsx(a,{variant:"body1",className:r.twJoin("w-full whitespace-normal break-words",m?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-checkboxList--item-label",children:n}),p]}),d&&s.jsx(t,{className:"flex items-center grid-in-description",children:s.jsx(a,{variant:"body2",className:m?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-checkboxList--item-description",children:d})})]})};
+"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),i=require("tailwind-merge"),r=require("../../Base/Typography/Typography.js"),a=require("../../Base/Layouts/Box/Box.js"),t=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../Checkbox/Checkbox.js")),c=function(r){var a=r.children,t=r.disabled,c=r.hasDescription,l=r.className,r=e.__rest(r,["children","disabled","hasDescription","className"]);return s.jsx("label",e.__assign({className:i.twMerge("grid h-min grid-cols-checkbox-list-item-container grid-rows-checkbox-list-item-container gap-x-3 grid-areas-checkbox-list-item-container",c?"gap-y-0.5":"gap-y-0",t?"cursor-not-allowed":"cursor-pointer",l)},r,{children:a}))};module.exports=function(l){var d=l.label,o=l.description,n=l.type,n=void 0===n?"box":n,h=l.checked,m=l.disabled,m=void 0!==m&&m,x=l.isError,x=void 0!==x&&x,b=l.className,g=l.CheckboxClassName,u=l.onChange,p=l.children,l=e.__rest(l,["label","description","type","checked","disabled","isError","className","CheckboxClassName","onChange","children"]);return s.jsxs(c,{"data-testid":"design-system-checkboxList--item",disabled:m,hasDescription:!!o,className:i.twMerge("group",b),children:[s.jsx(a,{className:"cursor-pointer pt-1 grid-in-checkbox",children:s.jsx(t,e.__assign({checked:h,isError:x,disabled:m,onChange:u,className:g,type:n},l))}),s.jsxs(a,{className:"flex w-full items-center grid-in-label","data-testid":"design-system-checkboxList--item-label-root",children:[d&&s.jsx(r,{variant:"body1",className:i.twJoin("w-full whitespace-normal break-words",m?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-checkboxList--item-label",children:d}),p]}),o&&s.jsx(a,{className:"flex items-center grid-in-description",children:s.jsx(r,{variant:"body2",className:m?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-checkboxList--item-description",children:o})})]})};

package/dist/Components/Inputs/IconButtonDropdown/IconButtonDropdown.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),i=require("tailwind-merge"),s=require("@wishket/yogokit"),r=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../../_virtual/_tslib.js"),require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/SystemIcon/SystemIcon.js")),n=require("../IconButton/IconButton.js"),a=require("../List/List.js");module.exports=function(l){function o(){y(!1)}var u=l.icon,c=l.items,d=l.selectedItem,m=l.onItemClick,f=l.size,f=void 0===f?"sm":f,l=l.align,l=void 0===l?"left":l,j=t.useState(!1),v=j[0],y=j[1],j=t.useRef(null);return s.useClickOutside(j,o),e.jsxs("div",{"data-testid":"design-system-icon-button-dropdown",className:"relative w-fit",ref:j,children:[e.jsx(n,{onClick:function(e){e.preventDefault(),y(function(e){return!e})},size:f,children:e.jsx(r,{name:u})}),v&&e.jsx("div",{"data-testid":"design-system-icon-button-dropdown--list-container",className:i.twJoin("absolute -bottom-2 z-40 translate-y-full transform transition-all","right"===l?"right-0":"left-0 "),children:e.jsx(a.Root,{className:"max-h-full min-w-40 overflow-y-visible",children:c.map(function(t){return e.jsx(a.Item,{text:t.value,leadingIcon:t.leadingIcon,onClick:function(){m(t),o()},selected:t.key===(null==d?void 0:d.key)},t.key)})})})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),s=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../../_virtual/_tslib.js"),require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/SystemIcon/SystemIcon.js")),i=require("../IconButton/IconButton.js"),n=require("../List/List.js"),o=require("../../../hooks/useDropdown.js");module.exports=function(r){var l=r.icon,a=r.items,u=r.selectedItem,d=r.onItemClick,c=r.size,c=void 0===c?"sm":c,r=r.align,r=void 0===r?"left":r,d=o({items:a,onItemClick:d}),m=d.isListOpen,j=d.ref,y=d.focusedIndex,v=d.handleItemClick,x=d.toggleListOpen,d=d.handleKeyDown;return e.jsxs("div",{"data-testid":"design-system-icon-button-dropdown",className:"relative w-fit outline-none",ref:j,onKeyDown:d,tabIndex:0,children:[e.jsx(i,{onClick:x,size:c,className:"outline-none",children:e.jsx(s,{name:l})}),m&&e.jsx("div",{"data-testid":"design-system-icon-button-dropdown--list-container",className:t.twJoin("absolute -bottom-2 z-40 translate-y-full transform transition-all","right"===r?"right-0":"left-0 "),children:e.jsx(n.Root,{className:"max-h-full min-w-40 overflow-y-visible",children:a.map(function(t,s){return e.jsx(n.Item,{text:t.value,leadingIcon:t.leadingIcon,onClick:function(){return v(t)},selected:t.key===(null==u?void 0:u.key),isFocused:s===y},t.key)})})})]})};

package/dist/Components/Inputs/RadioCard/RadioCard.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),i=require("tailwind-merge"),r=require("../../Base/Typography/Typography.js"),a=(require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js"),require("./RadioCard.parts.js")),t=require("./useRadioCard.js");module.exports=function(s){var d=s.disabled,d=void 0!==d&&d,o=s.isSelected,o=void 0!==o&&o,n=s.isError,n=void 0!==n&&n,l=s.onChange,c=s.isWide,c=void 0!==c&&c,u=s.className,m=s.iconName,x=s.title,g=s.description,y=s.testId,v=s.value,s=s.name,l=t({checked:o,disabled:d,onChange:l}),C=l.isHover,h=l.hoverListItemContainer,j=l.unhoverListItemContainer,l=l.handleChange;return e.jsx("label",{"data-testid":y,role:"radio-card",className:"group",children:e.jsxs(a.RadioCardContainer,{"data-testid":"design-system-radioCard--container",isSelected:o,isError:n,isWide:c,isHover:C,disabled:d,onMouseOver:h,onMouseOut:j,className:u,children:[e.jsx(a.StyledRadio,{name:s,value:v,isWide:c,isSelected:o,onChange:l,isError:n,isHover:C,disabled:d}),e.jsx(a.RadioCardIcon,{isError:n,isSelected:o,iconName:m,disabled:d}),e.jsxs(a.TitleContainer,{isWide:c,"data-testid":"design-system-radioCard--titleBox",children:[e.jsx(r,{"data-testid":"design-system-radioCard--title",variant:"body1",className:i.twMerge("font-medium",c?"text-left":"text-center",d?"text-w-gray-300":"text-w-gray-900"),children:x}),g&&e.jsx(r,{variant:"body2",className:i.twMerge("font-normal",c?"text-left":"text-center",d?"text-w-gray-300":"text-w-gray-600"),"data-testid":"design-system-radioCard--description",children:g})]})]})})};
+"use strict";var e=require("react/jsx-runtime"),a=require("tailwind-merge"),i=require("../../Base/Typography/Typography.js"),r=(require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js"),require("./RadioCard.parts.js")),t=require("./useRadioCard.js");module.exports=function(d){var s=d.disabled,s=void 0!==s&&s,o=d.isSelected,o=void 0!==o&&o,n=d.isError,n=void 0!==n&&n,l=d.onChange,c=d.isWide,c=void 0!==c&&c,u=d.className,x=d.iconName,m=d.title,g=d.description,y=d.testId,C=d.value,d=d.name,l=t({checked:o,disabled:s,onChange:l}).handleChange;return e.jsx("label",{"data-testid":y,role:"radio-card",className:"group",children:e.jsxs(r.RadioCardContainer,{"data-testid":"design-system-radioCard--container",isSelected:o,isError:n,isWide:c,disabled:s,className:u,children:[e.jsx(r.StyledRadio,{name:d,value:C,isWide:c,isSelected:o,onChange:l,isError:n,disabled:s}),e.jsx(r.RadioCardIcon,{isError:n,isSelected:o,iconName:x,disabled:s}),e.jsxs(r.TitleContainer,{isWide:c,"data-testid":"design-system-radioCard--titleBox",children:[e.jsx(i,{"data-testid":"design-system-radioCard--title",variant:"body1",className:a.twMerge("font-medium",c?"text-left":"text-center",s?"text-w-gray-300":"text-w-gray-900"),children:m}),g&&e.jsx(i,{variant:"body2",className:a.twMerge("font-normal",c?"text-left":"text-center",s?"text-w-gray-300":"text-w-gray-600"),"data-testid":"design-system-radioCard--description",children:g})]})]})})};

package/dist/Components/Inputs/RadioList/RadioList.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),s=require("tailwind-merge"),a=require("../RadioGroup/RadioGroup.js"),i=require("./RadioListItem.js"),t=function(e){var a=e.children,i=e.className,e=e.testId;return r.jsx("div",{className:s.twMerge("flex w-full flex-col gap-3",i),"data-testid":e,children:a})};module.exports=function(s){var l=s.data,n=s.name,d=s.className,u=s.selectedValue,c=s.testId,o=s.onChange,m=s.isDisabled,s=s.isError;return r.jsx(t,{className:d,testId:c,children:r.jsx(a,{name:n,data:l,selectedValue:u,onChange:o,isDisabled:m,isError:s,children:function(s){return r.jsx(i,e.__assign({name:n},s),s.key)}})})};
+"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),s=require("../RadioGroup/RadioGroup.js"),a=require("./parts/RadioListContainer.js"),i=require("./parts/RadioListItem.js");module.exports=function(t){var n=t.data,u=t.name,d=t.className,o=t.selectedValue,l=t.testId,c=t.onChange,j=t.isDisabled,t=t.isError;return r.jsx(a,{className:d,testId:l,children:r.jsx(s,{name:u,data:n,selectedValue:o,onChange:c,isDisabled:j,isError:t,children:function(s){return r.jsx(i,e.__assign({name:u},s),s.key)}})})};

package/dist/Components/Inputs/RadioList/parts/RadioListContainer.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+export interface RadioListContainerProps extends PropsWithChildren {
+    className?: string;
+    testId?: string;
+}
+declare const RadioListContainer: ({ children, className, testId, }: RadioListContainerProps) => import("react/jsx-runtime").JSX.Element;
+export default RadioListContainer;

package/dist/Components/Inputs/RadioList/parts/RadioListContainer.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");module.exports=function(t){var a=t.children,i=t.className,t=t.testId;return e.jsx("div",{className:r.twMerge("flex w-full flex-col gap-3",i),"data-testid":t,children:a})};

package/dist/Components/Inputs/RadioList/{RadioListItem.d.ts → parts/RadioListItem.d.ts}

@@ -1,5 +1,5 @@
 import { ChangeEvent } from 'react';
-import { RadioStatus } from '../../../types';
+import { RadioStatus } from '../../../../types';
 interface RadioListProps extends RadioStatus {
     label?: string;
     name: string;

package/dist/Components/Inputs/RadioList/parts/RadioListItem.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=require("../../../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),s=require("tailwind-merge"),r=require("../../../Base/Typography/Typography.js"),a=require("../../../Base/Layouts/Box/Box.js"),t=(require("../../../Base/Layouts/FullBleed/FullBleed.js"),require("../../Radio/Radio.js")),l=function(a){var r=a.children,t=a.disabled,l=a.className,d=a.hasDescription,a=e.__rest(a,["children","disabled","className","hasDescription"]);return i.jsx("label",e.__assign({className:s.twMerge("grid h-min grid-cols-radio-list-item-container grid-rows-radio-list-item-container gap-x-3 grid-areas-radio-list-item-container",t?"cursor-not-allowed":"cursor-pointer",d?"gap-y-0.5":"gap-y-0",l)},a,{children:r}))};module.exports=function(e){var d=e.name,n=e.value,o=e.label,c=e.description,m=e.isSelected,g=e.isDisabled,g=void 0!==g&&g,u=e.isError,u=void 0!==u&&u,x=e.className,p=e.RadioClassName,e=e.onChange;return i.jsxs(l,{"data-testid":"design-system-radioList--item",disabled:g,hasDescription:!!c,className:s.twMerge("group",x),children:[i.jsx(a,{className:"flex cursor-pointer pt-1 grid-in-radio",children:i.jsx(t,{name:d,value:n,isSelected:m,isError:u,isDisabled:g,onChange:e,className:p})}),i.jsx(a,{className:"flex w-full items-center grid-in-label",children:i.jsx(r,{variant:"body1",className:s.twMerge("w-full whitespace-normal break-words",g?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-radioList--item-label",children:o})}),c&&i.jsx(a,{className:"flex items-center grid-in-description",children:i.jsx(r,{variant:"body2",className:g?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:c})})]})};

package/dist/Components/Inputs/RadioList/parts/index.d.ts

@@ -0,0 +1,2 @@
+export { default as RadioListContainer } from './RadioListContainer';
+export { default as RadioListItem } from './RadioListItem';

package/dist/Components/Inputs/TextButtonsDropdown/TextButtonsDropdown.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),i=require("tailwind-merge"),n=require("@wishket/yogokit"),s=require("../List/List.js"),r=require("./TextButtonsDropdown.parts.js");module.exports=function(l){function o(){m(!1)}var u=l.items,a=l.selectedItem,c=l.onItemClick,l=l.alignRight,l=void 0!==l&&l,d=t.useState(!1),f=d[0],m=d[1],d=t.useRef(null);return n.useClickOutside(d,o),e.jsxs("div",{"data-testid":"design-system-textButtonsDropdown",className:"relative flex w-fit flex-col gap-1",ref:d,children:[e.jsx(r.TextButton,{value:a.value,"data-testid":"design-system-textButtonsDropdown-textButton",isListOpen:f,onClick:function(e){e.preventDefault(),m(function(e){return!e})}}),f&&e.jsx("div",{className:i.twJoin("absolute -bottom-2 z-40 translate-y-full transform transition-all",l?"right-0":"left-0 "),children:e.jsx(s.Root,{className:"max-h-full min-w-40 overflow-y-visible",children:u.map(function(t){return e.jsx(s.Item,{text:t.value,leadingIcon:t.leadingIcon,onClick:function(){c(t),o()},selected:t.key===(null==a?void 0:a.key)},t.key)})})})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),n=require("../List/List.js"),i=require("../../../hooks/useDropdown.js"),s=require("./TextButtonsDropdown.parts.js");module.exports=function(o){var l=o.items,r=o.selectedItem,a=o.onItemClick,o=o.alignRight,o=void 0!==o&&o,a=i({items:l,onItemClick:a}),u=a.isListOpen,d=a.ref,c=a.focusedIndex,m=a.handleItemClick,x=a.toggleListOpen,a=a.handleKeyDown;return e.jsxs("div",{"data-testid":"design-system-textButtonsDropdown",className:"relative flex w-fit flex-col gap-1 outline-none",ref:d,onKeyDown:a,tabIndex:0,children:[e.jsx(s.TextButton,{value:r.value,"data-testid":"design-system-textButtonsDropdown-textButton",isListOpen:u,onClick:x}),u&&e.jsx("div",{className:t.twJoin("absolute -bottom-2 z-40 translate-y-full transform transition-all",o?"right-0":"left-0 "),children:e.jsx(n.Root,{className:"max-h-full min-w-40 overflow-y-visible",children:l.map(function(t,i){return e.jsx(n.Item,{text:t.value,leadingIcon:t.leadingIcon,onClick:function(){return m(t)},selected:t.key===(null==r?void 0:r.key),isFocused:i===c},t.key)})})})]})};

package/dist/Components/Inputs/TextButtonsDropdown/TextButtonsDropdown.parts.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),r=require("tailwind-merge"),s=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Base/Typography/Typography.js")),t=(require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/SystemIcon/SystemIcon.js"));exports.TextButton=function(i){var n=i.value,u=i.isListOpen,i=e.__rest(i,["value","isListOpen"]);return a.jsxs("button",e.__assign({type:"button",className:"flex items-center gap-2"},i,{children:[a.jsx(s,{variant:"body1",className:"text-w-gray-600",children:n}),a.jsx("span",{className:r.twJoin("transition-transform duration-300",u&&"rotate-180"),children:a.jsx(t,{name:"medium_arrow_down",className:"text-w-gray-600"})})]}))};
+"use strict";var e=require("../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),r=require("tailwind-merge"),s=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Base/Typography/Typography.js")),t=(require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/SystemIcon/SystemIcon.js"));exports.TextButton=function(i){var n=i.value,u=i.isListOpen,i=e.__rest(i,["value","isListOpen"]);return a.jsxs("button",e.__assign({type:"button",className:"flex items-center gap-2 outline-none"},i,{children:[a.jsx(s,{variant:"body1",className:"text-w-gray-600",children:n}),a.jsx("span",{className:r.twJoin("transition-transform duration-300",u&&"rotate-180"),children:a.jsx(t,{name:"medium_arrow_down",className:"text-w-gray-600"})})]}))};

package/dist/Components/Inputs/TextFieldDropdown/TextFieldDropdown.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@wishket/yogokit"),l=(require("../../../_virtual/_tslib.js"),require("tailwind-merge"),require("../../Base/Layouts/Box/Box.js")),n=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../List/List.js")),s=require("../SupportTextContainer/SupportTextContainer.js"),i=require("./TextFieldDropdown.parts.js");module.exports=function(o){function u(){j&&w(!1)}function a(e){p(e),u()}var c=o.selectedItem,d=o.items,p=o.onItemClick,f=o.placeholder,x=o.disabled,v=o.isError,k=o.errorMessage,o=o.supportMessage,g=r.useState(!1),j=g[0],w=g[1],g=r.useState(-1),q=g[0],m=g[1],y=r.useRef(null),g=!!o||!!k;t.useClickOutside(y,u);return e.jsxs("div",{"data-testid":"design-system--textFieldDropdown",ref:y,className:"relative flex w-full flex-col gap-2 outline-none",onKeyDown:function(e){if(j)switch(e.key){case"ArrowDown":e.preventDefault(),m(function(e){var e=e<d.length-1?e+1:e,r=y.current;return r&&null!=(r=r.querySelectorAll("li")[e])&&r.scrollIntoView({block:"nearest"}),e});break;case"ArrowUp":e.preventDefault(),m(function(e){var e=0<e?e-1:e,r=y.current;return r&&null!=(r=r.querySelectorAll("li")[e])&&r.scrollIntoView({block:"nearest"}),e});break;case"Enter":e.preventDefault(),0<=q&&a(d[q]);break;case"Escape":e.preventDefault(),u()}},tabIndex:0,children:[e.jsx(i.SelectBox,{placeholder:f,value:null==c?void 0:c.value,leadingIcon:null==c?void 0:c.leadingIcon,disabled:x,isListOpen:j,onClick:function(){x||w(!j)},error:v}),g&&e.jsx(s,{errorMessage:k,supportMessage:o}),j&&e.jsx(l,{className:"absolute top-[54px] z-40 w-full",children:e.jsx(n.Root,{children:d.map(function(r,t){return e.jsx(n.Item,{text:r.value,leadingIcon:r.leadingIcon,onClick:function(){return a(r)},selected:r.key===(null==c?void 0:c.key),isFocused:t===q},r.key)})})})]})};
+"use strict";var e=require("react/jsx-runtime"),r=(require("../../../_virtual/_tslib.js"),require("tailwind-merge"),require("../../Base/Layouts/Box/Box.js")),s=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../List/List.js")),l=require("../SupportTextContainer/SupportTextContainer.js"),i=require("../../../hooks/useDropdown.js"),t=require("./TextFieldDropdown.parts.js");module.exports=function(o){var n=o.selectedItem,a=o.items,u=o.onItemClick,d=o.placeholder,c=o.disabled,p=o.isError,x=o.errorMessage,o=o.supportMessage,u=i({items:a,onItemClick:u,disabled:c}),j=u.isListOpen,m=u.focusedIndex,g=u.ref,v=u.handleItemClick,I=u.toggleListOpen,u=u.handleKeyDown,f=!!o||!!x;return e.jsxs("div",{"data-testid":"design-system--textFieldDropdown",ref:g,className:"relative flex w-full flex-col gap-2 outline-none",onKeyDown:u,tabIndex:0,children:[e.jsx(t.SelectBox,{placeholder:d,value:null==n?void 0:n.value,leadingIcon:null==n?void 0:n.leadingIcon,disabled:c,isListOpen:j,onClick:I,error:p}),f&&e.jsx(l,{errorMessage:x,supportMessage:o}),j&&e.jsx(r,{className:"absolute top-[54px] z-40 w-full",children:e.jsx(s.Root,{children:a.map(function(r,l){return e.jsx(s.Item,{text:r.value,leadingIcon:r.leadingIcon,onClick:function(){return v(r)},selected:r.key===(null==n?void 0:n.key),isFocused:l===m},r.key)})})})]})};

package/dist/hooks/index.d.ts

@@ -0,0 +1 @@
+export { default as useDropdown } from './useDropdown';

package/dist/hooks/useDropdown.d.ts

@@ -0,0 +1,21 @@
+import { MouseEvent, KeyboardEvent } from 'react';
+import { SystemIconName } from '../Components/DataDisplays';
+export type Item = {
+    key: number | string;
+    value: string;
+    leadingIcon?: SystemIconName;
+};
+interface UseDropdownProps {
+    items: Item[];
+    onItemClick: (item: Item) => void;
+    disabled?: boolean;
+}
+declare const useDropdown: ({ items, onItemClick, disabled }: UseDropdownProps) => {
+    isListOpen: boolean;
+    focusedIndex: number;
+    ref: import("react").MutableRefObject<null>;
+    handleItemClick: (item: Item) => void;
+    toggleListOpen: (e?: MouseEvent) => void;
+    handleKeyDown: (e: KeyboardEvent<HTMLElement>) => void;
+};
+export default useDropdown;

package/dist/hooks/useDropdown.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),t=require("@wishket/yogokit");module.exports=function(n){function r(){o&&(a(!1),f(-1))}function l(e){c(e),r()}var u=n.items,c=n.onItemClick,i=n.disabled,n=e.useState(!1),o=n[0],a=n[1],n=e.useState(-1),s=n[0],f=n[1],k=e.useRef(null);t.useClickOutside(k,r);return{isListOpen:o,focusedIndex:s,ref:k,handleItemClick:l,toggleListOpen:function(e){null!=e&&e.preventDefault(),i||a(function(e){return!e})},handleKeyDown:function(e){if(o)switch(e.key){case"ArrowDown":e.preventDefault(),f(function(e){var e=e<u.length-1?e+1:e,t=k.current;return t&&null!=(t=t.querySelectorAll("li")[e])&&t.scrollIntoView({block:"nearest"}),e});break;case"ArrowUp":e.preventDefault(),f(function(e){var e=0<e?e-1:e,t=k.current;return t&&null!=(t=t.querySelectorAll("li")[e])&&t.scrollIntoView({block:"nearest"}),e});break;case"Enter":e.preventDefault(),0<=s&&l(u[s]);break;case"Escape":e.preventDefault(),r()}}}};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wishket/design-system",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "description": "Wishket Design System",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/dist/Components/Inputs/RadioList/RadioListItem.js

@@ -1,2 +0,0 @@
-'use client';
-"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("react"),s=require("tailwind-merge"),a=(require("@wishket/yogokit"),require("../../DataDisplays/Avatar/Avatar.js"),require("../../Base/Typography/Typography.js")),t=require("../../Base/Layouts/Box/Box.js"),l=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("../AutoCompleteList/AutoCompleteList.parts.js"),require("../Input/Input.js"),require("../Input/PasswordInput.js"),require("../Input/LableInput.js"),require("../Input/InputTypeSelector.js"),require("../Calendar/Calendar.utils.js"),require("../Checkbox/Checkbox.js"),require("../ChoiceChip/ChoiceChip.js"),require("../Radio/Radio.js")),n=(require("../TextField/TextField.js"),require("../CommentArea/CommentArea.js"),require("../MultiColumnList/MultiColumnList.parts.js"),function(i){var a=i.children,t=i.disabled,l=i.className,n=i.hasDescription,i=e.__rest(i,["children","disabled","className","hasDescription"]);return r.jsx("label",e.__assign({className:s.twMerge("grid h-min grid-cols-radio-list-item-container grid-rows-radio-list-item-container gap-x-3 grid-areas-radio-list-item-container",t?"cursor-not-allowed":"cursor-pointer",n?"gap-y-0.5":"gap-y-0",l)},i,{children:a}))});module.exports=function(e){var o=e.name,d=e.value,u=e.label,c=e.description,m=e.isSelected,p=e.isDisabled,p=void 0!==p&&p,j=e.isError,j=void 0!==j&&j,g=e.className,h=e.RadioClassName,e=e.onChange,x=i.useState(!1),q=x[0],y=x[1];return r.jsxs(n,{"data-testid":"design-system-radioList--item",disabled:p,hasDescription:!!c,className:g,onMouseOver:function(){y(!0)},onMouseOut:function(){y(!1)},children:[r.jsx(t,{className:"flex cursor-pointer pt-1 grid-in-radio",children:r.jsx(l,{name:o,value:d,isSelected:m,isHover:q,isError:j,isDisabled:p,onChange:e,className:h})}),r.jsx(t,{className:"flex w-full items-center grid-in-label",children:r.jsx(a,{variant:"body1",className:s.twMerge("w-full whitespace-normal break-words",p?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-radioList--item-label",children:u})}),c&&r.jsx(t,{className:"flex items-center grid-in-description",children:r.jsx(a,{variant:"body2",className:p?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:c})})]})};