azeriand-library 1.10.0 → 1.11.0

package/dist/components/tab/tab.d.ts

@@ -0,0 +1,8 @@
+import { CardProps } from '../card/card';
+type TabProps = CardProps & {
+    items?: string[];
+    onTabSelected?: (item: string) => void;
+    defaultValue?: string;
+};
+export declare function Tab({ items, onTabSelected, defaultValue, ...cardProps }: TabProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/index.d.ts

@@ -10,3 +10,4 @@ export { ThemeContext, ThemeContextComponent } from './components/theme-context'
 export { Dropdown } from './components/dropdown/dropdown';
 export { DropdownButton } from './components/dropdown/dropdown-button';
 export { NewSlider } from './components/slider/slider';
+export { Tab } from './components/tab/tab';

package/dist/index.esm.js

@@ -13,7 +13,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { jsx as jsx$1, jsxs } from "react/jsx-runtime";
+import { jsx as jsx$1, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { forwardRef, useContext, isValidElement, cloneElement, Children, createContext, useState, useEffect } from "react";
 import ReactDOM from "react-dom";
@@ -244,7 +244,7 @@ function requireReactIs_development$1() {
       var ContextProvider = REACT_PROVIDER_TYPE;
       var Element2 = REACT_ELEMENT_TYPE;
       var ForwardRef = REACT_FORWARD_REF_TYPE;
-      var Fragment = REACT_FRAGMENT_TYPE;
+      var Fragment2 = REACT_FRAGMENT_TYPE;
       var Lazy = REACT_LAZY_TYPE;
       var Memo = REACT_MEMO_TYPE;
       var Portal = REACT_PORTAL_TYPE;
@@ -303,7 +303,7 @@ function requireReactIs_development$1() {
       reactIs_development$1.ContextProvider = ContextProvider;
       reactIs_development$1.Element = Element2;
       reactIs_development$1.ForwardRef = ForwardRef;
-      reactIs_development$1.Fragment = Fragment;
+      reactIs_development$1.Fragment = Fragment2;
       reactIs_development$1.Lazy = Lazy;
       reactIs_development$1.Memo = Memo;
       reactIs_development$1.Portal = Portal;
@@ -17809,6 +17809,27 @@ process.env.NODE_ENV !== "production" ? Box.propTypes = {
 function NewSlider({ defaultValue, onChange }) {
   return /* @__PURE__ */ jsx$1(Card, { noPadding: true, appearance: "ghost", children: /* @__PURE__ */ jsx$1(Box, { sx: { width: 150 }, children: /* @__PURE__ */ jsx$1(Slider, { defaultValue, "aria-label": "Default", valueLabelDisplay: "auto", onChange }) }) });
 }
+function Tab({ items, onTabSelected, defaultValue, ...cardProps }) {
+  const [tabSelected, setTabSelected] = useState(defaultValue);
+  const selectTab = (item) => {
+    setTabSelected(item);
+    onTabSelected == null ? void 0 : onTabSelected(item);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx$1(SectionName, { section: "Filter by" }),
+    /* @__PURE__ */ jsx$1(Card, { className: "rounded-md w-fit", noBlur: true, noPadding: true, ...cardProps, color: "blue", children: /* @__PURE__ */ jsx$1("div", { className: "flex p-[0.4rem] gap-x-[0.5rem]", children: items && items.map((item) => /* @__PURE__ */ jsx$1(
+      Button,
+      {
+        onClick: () => selectTab(item),
+        color: "blue",
+        appearance: item === tabSelected ? "mate" : "ghost",
+        dark: item === tabSelected ? false : true,
+        label: item
+      },
+      item
+    )) }) })
+  ] });
+}
 export {
   Avatar,
   Badge,
@@ -17821,6 +17842,7 @@ export {
   Input,
   NewSlider,
   SectionName,
+  Tab,
   ThemeContext,
   ThemeContextComponent
 };