@zimyo/ui 1.10.6 → 1.10.8

package/dist/components/Tabs/index.d.ts

@@ -1,24 +0,0 @@
-import React__default, { ReactNode } from 'react';
-
-interface TabItem {
-    label: string;
-    content?: ReactNode;
-    disabled?: boolean;
-    badge?: string | number;
-    icon?: ReactNode;
-}
-interface TabsProps {
-    tabs: TabItem[];
-    defaultActiveIndex?: number;
-    onChange?: (index: number) => void;
-    variant?: 'default' | 'pills' | 'underline' | 'cards';
-    size?: 'sm' | 'md' | 'lg';
-    fullWidth?: boolean;
-    vertical?: boolean;
-    color?: 'blue' | 'green' | 'purple' | 'gray';
-    className?: string;
-}
-declare const Tabs: React__default.FC<TabsProps>;
-
-export { Tabs, Tabs as default };
-export type { TabsProps };

package/dist/components/Tabs/index.esm.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as r}from"react";var u=function(u){var t=u.tabs,n=u.defaultActiveIndex,a=void 0===n?0:n,o=u.onChange,c=u.variant,z=void 0===c?"default":c,l=u.size,d=void 0===l?"md":l,b=u.fullWidth,s=void 0!==b&&b,g=u.vertical,x=void 0!==g&&g,p=u.color,v=void 0===p?"blue":p,h=u.className,f=void 0===h?"":h,y=r(a),m=y[0],w=y[1],N={sm:"zui:px-3 zui:py-1.5 zui:text-sm",md:"zui:px-4 zui:py-2 zui:text-base",lg:"zui:px-6 zui:py-3 zui:text-lg"},k={blue:{active:"zui:bg-blue-500 zui:text-white zui:border-blue-500",inactive:"zui:text-blue-600 hover:zui:text-blue-800 hover:zui:bg-blue-50",underline:"zui:border-blue-500 zui:text-blue-600"},green:{active:"zui:bg-green-500 zui:text-white zui:border-green-500",inactive:"zui:text-green-600 hover:zui:text-green-800 hover:zui:bg-green-50",underline:"zui:border-green-500 zui:text-green-600"},purple:{active:"zui:bg-purple-500 zui:text-white zui:border-purple-500",inactive:"zui:text-purple-600 hover:zui:text-purple-800 hover:zui:bg-purple-50",underline:"zui:border-purple-500 zui:text-purple-600"},gray:{active:"zui:bg-gray-800 zui:text-white zui:border-gray-800",inactive:"zui:text-gray-600 hover:zui:text-gray-800 hover:zui:bg-gray-100",underline:"zui:border-gray-800 zui:text-gray-800"}},j=function(e,i){var r=e===m,u="\n      zui:relative zui:inline-flex zui:items-center zui:justify-center \n      zui:transition-all zui:duration-200 zui:ease-in-out\n      zui:focus:zui:outline-none zui:focus:zui:ring-2 zui:focus:zui:ring-offset-2 \n      zui:focus:zui:ring-".concat(v,"-500\n      ").concat(N[d],"\n      ").concat(s?"zui:flex-1":"zui:flex-shrink-0","\n      ").concat(i.disabled?"zui:opacity-50 zui:cursor-not-allowed":"zui:cursor-pointer","\n    ").trim();switch(z){case"pills":return"".concat(u," zui:rounded-full zui:border ").concat(r?k[v].active:"zui:border-transparent ".concat(k[v].inactive));case"underline":return"".concat(u," zui:border-b-2 zui:rounded-none ").concat(r?k[v].underline:"zui:border-transparent zui:text-gray-500 hover:zui:text-gray-700 hover:zui:border-gray-300");case"cards":return"".concat(u," zui:rounded-t-lg zui:border zui:border-b-0 ").concat(r?"zui:bg-white zui:border-gray-300 zui:text-gray-900":"zui:bg-gray-50 zui:border-transparent zui:text-gray-500 hover:zui:text-gray-700");default:return"".concat(u," zui:rounded-md ").concat(r?k[v].active:"zui:text-gray-500 hover:zui:text-gray-700 hover:zui:bg-gray-100")}},I="\n    ".concat(x?"zui:flex-col zui:space-y-1":"zui:flex zui:space-x-1","\n    ").concat("underline"===z?"zui:border-b zui:border-gray-200":"","\n    ").concat("cards"===z?"zui:border-b zui:border-gray-300":"","\n    ").concat(s?"zui:w-full":"","\n    zui:flex ").concat(f,"\n  ").trim();return e("div",{className:"zui:w-full",children:[i("div",{className:I,role:"tablist","aria-orientation":x?"vertical":"horizontal",children:t.map(function(r,u){return e("button",{className:j(u,r),onClick:function(){return function(e,i){i||(w(e),null==o||o(e))}(u,r.disabled)},role:"tab","aria-selected":u===m,"aria-controls":"panel-".concat(u),id:"tab-".concat(u),tabIndex:u===m?0:-1,disabled:r.disabled,children:[r.icon&&i("span",{className:"zui:mr-2 zui:flex-shrink-0",children:r.icon}),i("span",{className:"zui:whitespace-nowrap zui:text-sm",children:r.label}),r.badge&&i("span",{className:"\n                zui:ml-2 zui:inline-flex zui:items-center zui:justify-center \n                zui:px-2 zui:py-0.5 zui:rounded-full zui:text-xs zui:font-medium\n                ".concat(u===m?"zui:bg-white/60 zui:text-gray-600":"zui:bg-gray-100 zui:text-gray-600","\n              "),children:r.badge})]},"tab-".concat(u))})}),i("div",{className:"zui:mt-4",children:t.map(function(e,r){return i("div",{role:"tabpanel",id:"panel-".concat(r),"aria-labelledby":"tab-".concat(r),className:"\n              zui:transition-all zui:duration-200 zui:ease-in-out\n              ".concat(r===m?"zui:block":"zui:hidden","\n            "),tabIndex:0,children:e.content},"panel-".concat(r))})})]})};export{u as Tabs,u as default};