@veevarts/design-system 0.1.0 → 0.1.2

package/dist/index.cjs

@@ -1,6 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react");var _={exports:{}},p={};var $;function ne(){if($)return p;$=1;var s=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function u(d,l,c){var m=null;if(c!==void 0&&(m=""+c),l.key!==void 0&&(m=""+l.key),"key"in l){c={};for(var h in l)h!=="key"&&(c[h]=l[h])}else c=l;return l=c.ref,{$$typeof:s,type:d,key:m,ref:l!==void 0?l:null,props:c}}return p.Fragment=i,p.jsx=u,p.jsxs=u,p}var b={};var M;function oe(){return M||(M=1,process.env.NODE_ENV!=="production"&&(function(){function s(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ee?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case x:return"Fragment";case J:return"Profiler";case H:return"StrictMode";case X:return"Suspense";case Z:return"SuspenseList";case K:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case W:return"Portal";case B:return e.displayName||"Context";case q:return(e._context.displayName||"Context")+".Consumer";case G:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Q:return t=e.displayName||null,t!==null?t:s(e.type)||"Memo";case E:t=e._payload,e=e._init;try{return s(e(t))}catch{}}return null}function i(e){return""+e}function u(e){try{i(e);var t=!1}catch{t=!0}if(t){t=console;var n=t.error,o=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",o),i(e)}}function d(e){if(e===x)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===E)return"<...>";try{var t=s(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function l(){var e=R.A;return e===null?null:e.getOwner()}function c(){return Error("react-stack-top-frame")}function m(e){if(P.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function h(e,t){function n(){N||(N=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}function D(){var e=s(this.type);return C[e]||(C[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function U(e,t,n,o,g,y){var a=n.ref;return e={$$typeof:O,type:e,key:t,props:n,_owner:o},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:D}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:g}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:y}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function w(e,t,n,o,g,y){var a=t.children;if(a!==void 0)if(o)if(re(a)){for(o=0;o<a.length;o++)A(a[o]);Object.freeze&&Object.freeze(a)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else A(a);if(P.call(t,"key")){a=s(e);var f=Object.keys(t).filter(function(te){return te!=="key"});o=0<f.length?"{key: someKey, "+f.join(": ..., ")+": ...}":"{key: someKey}",z[a+o]||(f=0<f.length?"{"+f.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,o,a,f,a),z[a+o]=!0)}if(a=null,n!==void 0&&(u(n),a=""+n),m(t)&&(u(t.key),a=""+t.key),"key"in t){n={};for(var T in t)T!=="key"&&(n[T]=t[T])}else n=t;return a&&h(n,typeof e=="function"?e.displayName||e.name||"Unknown":e),U(e,a,n,l(),g,y)}function A(e){S(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===E&&(e._payload.status==="fulfilled"?S(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function S(e){return typeof e=="object"&&e!==null&&e.$$typeof===O}var v=I,O=Symbol.for("react.transitional.element"),W=Symbol.for("react.portal"),x=Symbol.for("react.fragment"),H=Symbol.for("react.strict_mode"),J=Symbol.for("react.profiler"),q=Symbol.for("react.consumer"),B=Symbol.for("react.context"),G=Symbol.for("react.forward_ref"),X=Symbol.for("react.suspense"),Z=Symbol.for("react.suspense_list"),Q=Symbol.for("react.memo"),E=Symbol.for("react.lazy"),K=Symbol.for("react.activity"),ee=Symbol.for("react.client.reference"),R=v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,P=Object.prototype.hasOwnProperty,re=Array.isArray,k=console.createTask?console.createTask:function(){return null};v={react_stack_bottom_frame:function(e){return e()}};var N,C={},Y=v.react_stack_bottom_frame.bind(v,c)(),F=k(d(c)),z={};b.Fragment=x,b.jsx=function(e,t,n){var o=1e4>R.recentlyCreatedOwnerStacks++;return w(e,t,n,!1,o?Error("react-stack-top-frame"):Y,o?k(d(e)):F)},b.jsxs=function(e,t,n){var o=1e4>R.recentlyCreatedOwnerStacks++;return w(e,t,n,!0,o?Error("react-stack-top-frame"):Y,o?k(d(e)):F)}})()),b}var V;function ae(){return V||(V=1,process.env.NODE_ENV==="production"?_.exports=ne():_.exports=oe()),_.exports}var r=ae();const j=({primary:s=!1,size:i="medium",backgroundColor:u,label:d,...l})=>{const c=s?"storybook-button--primary":"storybook-button--secondary";return r.jsx("button",{type:"button",className:["storybook-button",`storybook-button--${i}`,c].join(" "),style:{backgroundColor:u},...l,children:d})},L=({user:s,onLogin:i,onLogout:u,onCreateAccount:d})=>r.jsx("header",{children:r.jsxs("div",{className:"storybook-header",children:[r.jsxs("div",{children:[r.jsx("svg",{width:"32",height:"32",viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",children:r.jsxs("g",{fill:"none",fillRule:"evenodd",children:[r.jsx("path",{d:"M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z",fill:"#FFF"}),r.jsx("path",{d:"M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z",fill:"#555AB9"}),r.jsx("path",{d:"M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z",fill:"#91BAF8"})]})}),r.jsx("h1",{children:"Acme"})]}),r.jsx("div",{children:s?r.jsxs(r.Fragment,{children:[r.jsxs("span",{className:"welcome",children:["Welcome, ",r.jsx("b",{children:s.name}),"!"]}),r.jsx(j,{size:"small",onClick:u,label:"Log out"})]}):r.jsxs(r.Fragment,{children:[r.jsx(j,{size:"small",onClick:i,label:"Log in"}),r.jsx(j,{primary:!0,size:"small",onClick:d,label:"Sign up"})]})})]})}),se=()=>{const[s,i]=I.useState();return r.jsxs("article",{children:[r.jsx(L,{user:s,onLogin:()=>i({name:"Jane Doe"}),onLogout:()=>i(void 0),onCreateAccount:()=>i({name:"Jane Doe"})}),r.jsxs("section",{className:"storybook-page",children:[r.jsx("h2",{children:"Pages in Storybook"}),r.jsxs("p",{children:["We recommend building UIs with a"," ",r.jsx("a",{href:"https://componentdriven.org",target:"_blank",rel:"noopener noreferrer",children:r.jsx("strong",{children:"component-driven"})})," ","process starting with atomic components and ending with pages."]}),r.jsx("p",{children:"Render pages with mock data. This makes it easy to build and review page states without needing to navigate to them in your app. Here are some handy patterns for managing page data in Storybook:"}),r.jsxs("ul",{children:[r.jsx("li",{children:'Use a higher-level connected component. Storybook helps you compose such data from the "args" of child component stories'}),r.jsx("li",{children:"Assemble data in the page component from your services. You can mock these services out using Storybook."})]}),r.jsxs("p",{children:["Get a guided tutorial on component-driven development at"," ",r.jsx("a",{href:"https://storybook.js.org/tutorials/",target:"_blank",rel:"noopener noreferrer",children:"Storybook tutorials"}),". Read more in the"," ",r.jsx("a",{href:"https://storybook.js.org/docs",target:"_blank",rel:"noopener noreferrer",children:"docs"}),"."]}),r.jsxs("div",{className:"tip-wrapper",children:[r.jsx("span",{className:"tip",children:"Tip"})," Adjust the width of the canvas with the"," ",r.jsx("svg",{width:"10",height:"10",viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg",children:r.jsx("g",{fill:"none",fillRule:"evenodd",children:r.jsx("path",{d:"M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z",id:"a",fill:"#999"})})}),"Viewports addon in the toolbar"]})]})]})};exports.Button=j;exports.Header=L;exports.Page=se;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DdbhVAzW.cjs");exports.Accordion=e.accordion_default;exports.AccordionItem=e.accordion_item_base_default;exports.Alert=e.alert_default;exports.Autocomplete=e.autocomplete_default;exports.AutocompleteItem=e.listbox_item_base_default;exports.AutocompleteSection=e.listbox_section_base_default;exports.Avatar=e.avatar_default;exports.AvatarGroup=e.avatar_group_default;exports.AvatarGroupProvider=e.AvatarGroupProvider;exports.AvatarIcon=e.AvatarIcon;exports.Badge=e.badge_default;exports.BreadcrumbItem=e.breadcrumb_item_default;exports.Breadcrumbs=e.breadcrumbs_default;exports.Button=e.button_default;exports.ButtonGroup=e.button_group_default;exports.ButtonGroupProvider=e.ButtonGroupProvider;exports.COMMON_UNITS=e.COMMON_UNITS;exports.Calendar=e.calendar_default;exports.CalendarProvider=e.CalendarProvider;exports.Card=e.card_default;exports.CardBody=e.card_body_default;exports.CardFooter=e.card_footer_default;exports.CardHeader=e.card_header_default;exports.CardProvider=e.CardProvider;exports.Checkbox=e.checkbox_default;exports.CheckboxGroup=e.checkbox_group_default;exports.CheckboxGroupProvider=e.CheckboxGroupProvider;exports.CheckboxIcon=e.CheckboxIcon;exports.Chip=e.chip_default;exports.CircularProgress=e.circular_progress_default;exports.Code=e.code_default;exports.ConfirmationPageTemplate=e.ConfirmationPageTemplate;exports.DateInput=e.date_input_default;exports.DateInputField=e.DateInputField;exports.DateInputGroup=e.DateInputGroup;exports.DateInputSegment=e.DateInputSegment;exports.DatePicker=e.date_picker_default;exports.DateRangePicker=e.date_range_picker_default;exports.DateRangePickerField=e.date_range_picker_field_default;exports.Divider=e.divider_default;exports.Drawer=e.drawer_default;exports.DrawerBody=e.modal_body_default;exports.DrawerContent=e.modal_content_default;exports.DrawerFooter=e.modal_footer_default;exports.DrawerHeader=e.modal_header_default;exports.Dropdown=e.dropdown_default;exports.DropdownItem=e.menu_item_base_default;exports.DropdownMenu=e.dropdown_menu_default;exports.DropdownSection=e.menu_section_base_default;exports.DropdownTrigger=e.dropdown_trigger_default;exports.EventDetailsTemplate=e.EventDetailsTemplate;exports.Footer=e.Footer;exports.Form=e.Form2;exports.FormContext=e.FormContext;exports.FreeSoloPopover=e.free_solo_popover_default;exports.HeroUIProvider=e.HeroUIProvider;exports.HiddenSelect=e.HiddenSelect;exports.Image=e.image_default;exports.Input=e.input_default;exports.InputOtp=e.input_otp_default;exports.Kbd=e.kbd_default;exports.Link=e.link_default;exports.LinkIcon=e.LinkIcon;exports.Listbox=e.listbox_default;exports.ListboxItem=e.listbox_item_base_default;exports.ListboxSection=e.listbox_section_base_default;exports.Menu=e.menu_default;exports.MenuItem=e.menu_item_base_default;exports.MenuSection=e.menu_section_base_default;exports.Modal=e.modal_default;exports.ModalBody=e.modal_body_default;exports.ModalContent=e.modal_content_default;exports.ModalFooter=e.modal_footer_default;exports.ModalHeader=e.modal_header_default;exports.ModalProvider=e.ModalProvider;exports.Navbar=e.Navbar;exports.NavbarBrand=e.navbar_brand_default;exports.NavbarContent=e.navbar_content_default;exports.NavbarItem=e.navbar_item_default;exports.NavbarMenu=e.navbar_menu_default;exports.NavbarMenuItem=e.navbar_menu_item_default;exports.NavbarMenuToggle=e.navbar_menu_toggle_default;exports.NavbarProvider=e.NavbarProvider;exports.NumberInput=e.number_input_default;exports.Pagination=e.pagination_default;exports.PaginationCursor=e.pagination_cursor_default;exports.PaginationItem=e.pagination_item_default;exports.PaginationItemType=e.PaginationItemType;exports.Popover=e.popover_default;exports.PopoverContent=e.popover_content_default;exports.PopoverProvider=e.PopoverProvider;exports.PopoverTrigger=e.popover_trigger_default;exports.Progress=e.progress_default;exports.ProviderContext=e.ProviderContext;exports.REGEXP_ONLY_CHARS=e.Jt;exports.REGEXP_ONLY_DIGITS=e.Kt;exports.REGEXP_ONLY_DIGITS_AND_CHARS=e.Qt;exports.Radio=e.radio_default;exports.RadioGroup=e.radio_group_default;exports.RadioGroupProvider=e.RadioGroupProvider;exports.RangeCalendar=e.range_calendar_default;exports.ResizablePanel=e.ResizablePanel;exports.Ripple=e.ripple_default;exports.ScrollShadow=e.scroll_shadow_default;exports.Select=e.select_default;exports.SelectItem=e.listbox_item_base_default;exports.SelectSection=e.listbox_section_base_default;exports.Skeleton=e.skeleton_default;exports.Slider=e.slider_default;exports.Snippet=e.snippet_default;exports.Spacer=e.spacer_default;exports.Spinner=e.spinner_default;exports.Stepper=e.Stepper;exports.Switch=e.switch_default;exports.Tab=e.tab_item_base_default;exports.Table=e.table_default;exports.TableBody=e.table_body_default;exports.TableCell=e.table_cell_default;exports.TableColumn=e.table_column_default;exports.TableHeader=e.table_header_default;exports.TableRow=e.table_row_default;exports.Tabs=e.tabs_default;exports.Textarea=e.textarea_default;exports.TimeInput=e.time_input_default;exports.Toast=e.toast_default;exports.ToastProvider=e.ToastProvider;exports.Tooltip=e.tooltip_default;exports.User=e.user_default;exports.VisuallyHidden=e.$5c3e21d68f1c4674$export$439d29a4e110a164;exports.absoluteFullClasses=e.absoluteFullClasses;exports.accordion=e.accordion;exports.accordionItem=e.accordionItem;exports.addToast=e.addToast;exports.alert=e.alert;exports.autocomplete=e.autocomplete;exports.avatar=e.avatar;exports.avatarGroup=e.avatarGroup;exports.badge=e.badge;exports.baseStyles=e.baseStyles;exports.breadcrumbItem=e.breadcrumbItem;exports.breadcrumbs=e.breadcrumbs;exports.button=e.button;exports.buttonGroup=e.buttonGroup;exports.calendar=e.calendar;exports.card=e.card;exports.checkbox=e.checkbox;exports.checkboxGroup=e.checkboxGroup;exports.chip=e.chip;exports.circularProgress=e.circularProgress;exports.closeAll=e.closeAll;exports.closeToast=e.closeToast;exports.cn=e.cn;exports.code=e.code;exports.collapseAdjacentVariantBorders=e.collapseAdjacentVariantBorders;exports.colorVariants=e.colorVariants;exports.colors=e.colors;exports.commonColors=e.commonColors;exports.darkLayout=e.darkLayout;exports.dataFocusVisibleClasses=e.dataFocusVisibleClasses;exports.dateInput=e.dateInput;exports.datePicker=e.datePicker;exports.dateRangePicker=e.dateRangePicker;exports.defaultLayout=e.defaultLayout;exports.divider=e.divider;exports.drawer=e.drawer;exports.drip=e.drip;exports.dropdown=e.dropdown;exports.dropdownItem=e.dropdownItem;exports.dropdownMenu=e.dropdownMenu;exports.dropdownSection=e.dropdownSection;exports.extendVariants=e.extendVariants;exports.focusVisibleClasses=e.focusVisibleClasses;exports.form=e.form;exports.forwardRef=e.forwardRef;exports.getKeyValue=e.getKeyValue;exports.getToastQueue=e.getToastQueue;exports.groupDataFocusVisibleClasses=e.groupDataFocusVisibleClasses;exports.heroui=e.heroui;exports.hiddenInputClasses=e.hiddenInputClasses;exports.image=e.image;exports.input=e.input;exports.inputOtp=e.inputOtp;exports.isHeroUIEl=e.isHeroUIEl;exports.isToastClosing=e.isToastClosing;exports.kbd=e.kbd;exports.lightLayout=e.lightLayout;exports.link=e.link;exports.linkAnchorClasses=e.linkAnchorClasses;exports.listbox=e.menu;exports.listboxItem=e.menuItem;exports.listboxSection=e.menuSection;exports.mapPropsVariants=e.mapPropsVariants;exports.mapPropsVariantsWithCommon=e.mapPropsVariantsWithCommon;exports.menu=e.menu;exports.menuItem=e.menuItem;exports.menuSection=e.menuSection;exports.mergeClasses=e.mergeClasses;exports.modal=e.modal;exports.navbar=e.navbar;exports.numberInput=e.numberInput;exports.pagination=e.pagination;exports.popover=e.popover;exports.progress=e.progress$1;exports.radio=e.radio;exports.radioGroup=e.radioGroup;exports.ringClasses=e.ringClasses;exports.scrollShadow=e.scrollShadow;exports.select=e.select;exports.semanticColors=e.semanticColors;exports.skeleton=e.skeleton;exports.slider=e.slider;exports.snippet=e.snippet;exports.spacer=e.spacer;exports.spacing=e.spacing;exports.spinner=e.spinner;exports.table=e.table;exports.tabs=e.tabs;exports.theme=e.theme;exports.toIterator=e.toIterator;exports.toast=e.toast;exports.toastRegion=e.toastRegion;exports.toggle=e.toggle;exports.translateCenterClasses=e.translateCenterClasses;exports.tv=e.tv;exports.twMergeConfig=e.twMergeConfig;exports.typography=e.typography;exports.useAccordion=e.useAccordion;exports.useAccordionItem=e.useAccordionItem;exports.useAlert=e.useAlert;exports.useAutocomplete=e.useAutocomplete;exports.useAvatar=e.useAvatar;exports.useAvatarGroup=e.useAvatarGroup;exports.useAvatarGroupContext=e.useAvatarGroupContext;exports.useBadge=e.useBadge;exports.useBreadcrumbItem=e.useBreadcrumbItem;exports.useBreadcrumbs=e.useBreadcrumbs;exports.useButton=e.useButton;exports.useButtonGroup=e.useButtonGroup;exports.useButtonGroupContext=e.useButtonGroupContext;exports.useCalendar=e.useCalendar;exports.useCalendarContext=e.useCalendarContext;exports.useCard=e.useCard;exports.useCardContext=e.useCardContext;exports.useCheckbox=e.useCheckbox;exports.useCheckboxGroup=e.useCheckboxGroup;exports.useCheckboxGroupContext=e.useCheckboxGroupContext;exports.useChip=e.useChip;exports.useCode=e.useCode;exports.useDateInput=e.useDateInput;exports.useDatePicker=e.useDatePicker;exports.useDateRangePicker=e.useDateRangePicker;exports.useDisclosure=e.useDisclosure;exports.useDivider=e.useDivider;exports.useDraggable=e.useDraggable;exports.useDrawer=e.useDrawer;exports.useDropdown=e.useDropdown;exports.useImage=e.useImage;exports.useInput=e.useInput;exports.useInputOtp=e.useInputOtp;exports.useKbd=e.useKbd;exports.useLabelPlacement=e.useLabelPlacement;exports.useLink=e.useLink;exports.useListbox=e.useListbox;exports.useMenu=e.useMenu;exports.useModal=e.useModal;exports.useModalContext=e.useModalContext;exports.useNavbar=e.useNavbar;exports.useNavbarContext=e.useNavbarContext;exports.useNumberInput=e.useNumberInput;exports.usePagination=e.usePagination;exports.usePaginationItem=e.usePaginationItem;exports.usePopover=e.usePopover;exports.usePopoverContext=e.usePopoverContext;exports.useProgress=e.useProgress;exports.useProviderContext=e.useProviderContext;exports.useRadio=e.useRadio;exports.useRadioGroup=e.useRadioGroup;exports.useRadioGroupContext=e.useRadioGroupContext;exports.useRangeCalendar=e.useRangeCalendar;exports.useRipple=e.useRipple;exports.useScrollShadow=e.useScrollShadow;exports.useSelect=e.useSelect;exports.useSkeleton=e.useSkeleton;exports.useSlider=e.useSlider;exports.useSlottedContext=e.useSlottedContext;exports.useSnippet=e.useSnippet;exports.useSpacer=e.useSpacer;exports.useSpinner=e.useSpinner;exports.useSwitch=e.useSwitch;exports.useTable=e.useTable;exports.useTabs=e.useTabs;exports.useTimeInput=e.useTimeInput;exports.useToast=e.useToast;exports.useTooltip=e.useTooltip;exports.useUser=e.useUser;exports.user=e.user;