@grandbazar/ui-baza 1.2.20 → 1.2.21

package/README.md

@@ -125,6 +125,7 @@ npm run build:lib
 Currently available components:
 
 - **Badge** - Compact label component for statuses, counts, and tags with various visual styles.
+- **BadgeTabs** - Tab navigation with badge-style items and an animated indicator. Implemented using Compound Components pattern.
 - **Breadcrumbs** - Navigation component showing the user's location within the site hierarchy with support for custom separators. Implemented using Compound Components pattern.
 - **Button** - Flexible button component with various styles and states.
 - **Checkbox** - Custom checkbox with state support, custom labels, and full styling.
@@ -135,7 +136,9 @@ Currently available components:
 - **RadioButton** - Radio button component for single selection from multiple options.
 - **Search** - Search input field with icon and clear button. Supports two modes: default (inline icon) and custom (separate search button).
 - **SegmentControl** - Segmented control component for single selection from multiple options with visual button group interface. Implemented using Compound Components pattern.
+- **Stepper** - Numeric stepper with minus and plus buttons that increment or decrement a controlled value, auto-disabling at the min and max bounds.
 - **Switch** - Toggle switch component for binary on/off states with smooth animations.
+- **Tabs** - Tab interface for switching between content sections with an animated active indicator. Implemented using Compound Components pattern.
 - **Tag** - Elements for visual marking using keywords. Help with quick recognition, differentiation, and sorting or navigation through content.
 - **TextField** - Input field component with validation, labels, and various input types support. Implemented using Compound Components pattern.
 - **Pagination** - Navigation component for multi-page content with customizable appearance and behavior.
@@ -193,7 +196,9 @@ All icons are exported from `@grandbazar/ui-baza` and accept standard SVG props
 - **IconStar** - Favorite/rating icon.
 - **IconSticker** - Label/sticker icon.
 - **IconStop** - Stop/cancel action icon.
+- **IconStore** - Storefront/marketplace icon.
 - **IconSwitch** - Toggle/switch state icon.
+- **IconTrash** - Delete/remove action icon.
 - **IconXMark** - Close/remove icon.
 - **IconXMarkCircle** - Close icon in a circle.
 - **IconLogo** - Brand icons namespace.

package/dist/index.cjs

@@ -957,6 +957,34 @@ function IconStop(props) {
   ) });
 }
 
+function IconStore(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M22 10.3334C22 10.2726 21.993 10.2119 21.98 10.1526L20.897 5.2626C20.695 4.3344 20.181 3.5037 19.44 2.9097C18.699 2.3157 17.776 1.9946 16.827 2.0001H7.173C6.224 1.9953 5.302 2.3168 4.562 2.9108C3.822 3.5047 3.308 4.335 3.107 5.2626L2.02 10.1526C2.007 10.2119 2 10.2726 2 10.3334V11.1667C1.999 11.9781 2.296 12.7616 2.833 13.3692V17.8334C2.835 18.9381 3.274 19.9971 4.055 20.7782C4.836 21.5593 5.895 21.9987 7 22.0001H17C18.105 21.9987 19.164 21.5593 19.945 20.7782C20.726 19.9971 21.165 18.9381 21.167 17.8334V13.3692C21.704 12.7616 22.001 11.9781 22 11.1667V10.3334ZM3.667 10.4242L4.733 5.6242C4.854 5.0678 5.163 4.5697 5.607 4.2134C6.051 3.8571 6.604 3.6641 7.173 3.6667H7.833V6.1667C7.833 6.3878 7.921 6.5997 8.077 6.756C8.234 6.9123 8.446 7.0001 8.667 7.0001C8.888 7.0001 9.1 6.9123 9.256 6.756C9.412 6.5997 9.5 6.3878 9.5 6.1667V3.6667H14.5V6.1667C14.5 6.3878 14.588 6.5997 14.744 6.756C14.9 6.9123 15.112 7.0001 15.333 7.0001C15.554 7.0001 15.766 6.9123 15.923 6.756C16.079 6.5997 16.167 6.3878 16.167 6.1667V3.6667H16.827C17.396 3.6641 17.949 3.8571 18.393 4.2134C18.837 4.5697 19.146 5.0678 19.267 5.6242L20.333 10.4242V11.1667C20.333 11.6088 20.158 12.0327 19.845 12.3452C19.533 12.6578 19.109 12.8334 18.667 12.8334H17.833C17.391 12.8334 16.967 12.6578 16.655 12.3452C16.342 12.0327 16.167 11.6088 16.167 11.1667C16.167 10.9457 16.079 10.7338 15.923 10.5775C15.766 10.4212 15.554 10.3334 15.333 10.3334C15.112 10.3334 14.9 10.4212 14.744 10.5775C14.588 10.7338 14.5 10.9457 14.5 11.1667C14.5 11.6088 14.324 12.0327 14.012 12.3452C13.699 12.6578 13.275 12.8334 12.833 12.8334H11.167C10.725 12.8334 10.301 12.6578 9.988 12.3452C9.676 12.0327 9.5 11.6088 9.5 11.1667C9.5 10.9457 9.412 10.7338 9.256 10.5775C9.1 10.4212 8.888 10.3334 8.667 10.3334C8.446 10.3334 8.234 10.4212 8.077 10.5775C7.921 10.7338 7.833 10.9457 7.833 11.1667C7.833 11.6088 7.658 12.0327 7.345 12.3452C7.033 12.6578 6.609 12.8334 6.167 12.8334H5.333C4.891 12.8334 4.467 12.6578 4.155 12.3452C3.842 12.0327 3.667 11.6088 3.667 11.1667V10.4242ZM17 20.3334H7C6.337 20.3334 5.701 20.07 5.232 19.6012C4.763 19.1323 4.5 18.4964 4.5 17.8334V14.3942C4.772 14.4647 5.052 14.5003 5.333 14.5001H6.167C6.64 14.5003 7.108 14.3996 7.539 14.2046C7.97 14.0095 8.354 13.7248 8.667 13.3692C8.979 13.7248 9.363 14.0095 9.795 14.2046C10.226 14.3996 10.693 14.5003 11.167 14.5001H12.833C13.307 14.5003 13.774 14.3996 14.205 14.2046C14.637 14.0095 15.021 13.7248 15.333 13.3692C15.646 13.7248 16.03 14.0095 16.461 14.2046C16.892 14.3996 17.36 14.5003 17.833 14.5001H18.667C18.948 14.5003 19.228 14.4647 19.5 14.3942V17.8334C19.5 18.4964 19.237 19.1323 18.768 19.6012C18.299 20.07 17.663 20.3334 17 20.3334Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+IconStore.Filled = function IconStoreFilled(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M17.833 16.1667C16.956 16.1663 16.093 15.9347 15.333 15.495C14.574 15.9347 13.711 16.1663 12.833 16.1667H11.167C10.288 16.1655 9.425 15.9302 8.667 15.485C7.909 15.9303 7.046 16.1656 6.167 16.1667H5.333C4.455 16.1664 3.592 15.9325 2.833 15.4892V19.5C2.833 20.163 3.097 20.7989 3.566 21.2678C4.035 21.7366 4.67 22 5.333 22H18.667C19.33 22 19.966 21.7366 20.435 21.2678C20.903 20.7989 21.167 20.163 21.167 19.5V15.49C20.408 15.9327 19.545 16.1662 18.667 16.1667H17.833Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M16.167 2V7H14.5V2H9.5V7H7.833V2H3.833L2.02 10.1525L2 11.1667C2 12.0507 2.351 12.8986 2.976 13.5237C3.601 14.1488 4.449 14.5 5.333 14.5H6.167C6.642 14.4985 7.111 14.3948 7.542 14.1961C7.973 13.9974 8.357 13.7083 8.667 13.3483C8.976 13.7083 9.36 13.9974 9.791 14.1961C10.223 14.3948 10.692 14.4985 11.167 14.5H12.833C13.307 14.5002 13.774 14.3995 14.205 14.2045C14.637 14.0095 15.021 13.7247 15.333 13.3692C15.646 13.7247 16.03 14.0095 16.461 14.2045C16.892 14.3995 17.36 14.5002 17.833 14.5H18.667C19.551 14.5 20.399 14.1488 21.024 13.5237C21.649 12.8986 22 12.0507 22 11.1667V10.3333L20.167 2H16.167Z",
+        fill: "currentColor"
+      }
+    )
+  ] });
+};
+
 function IconSwitch(props) {
   return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -3079,6 +3107,7 @@ exports.IconSort = IconSort;
 exports.IconStar = IconStar;
 exports.IconSticker = IconSticker;
 exports.IconStop = IconStop;
+exports.IconStore = IconStore;
 exports.IconSwitch = IconSwitch;
 exports.IconTrash = IconTrash;
 exports.IconXMark = IconXMark;

package/dist/index.d.ts

@@ -369,6 +369,12 @@ export declare function IconSticker(props: TSvgIconProps): JSX.Element;
 
 export declare function IconStop(props: TSvgIconProps): JSX.Element;
 
+export declare function IconStore(props: TSvgIconProps): JSX.Element;
+
+export declare namespace IconStore {
+    var Filled: (props: TSvgIconProps) => JSX.Element;
+}
+
 export declare function IconSwitch(props: TSvgIconProps): JSX.Element;
 
 export declare function IconTrash(props: TSvgIconProps): JSX.Element;

package/dist/index.js

@@ -953,6 +953,34 @@ function IconStop(props) {
   ) });
 }
 
+function IconStore(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M22 10.3334C22 10.2726 21.993 10.2119 21.98 10.1526L20.897 5.2626C20.695 4.3344 20.181 3.5037 19.44 2.9097C18.699 2.3157 17.776 1.9946 16.827 2.0001H7.173C6.224 1.9953 5.302 2.3168 4.562 2.9108C3.822 3.5047 3.308 4.335 3.107 5.2626L2.02 10.1526C2.007 10.2119 2 10.2726 2 10.3334V11.1667C1.999 11.9781 2.296 12.7616 2.833 13.3692V17.8334C2.835 18.9381 3.274 19.9971 4.055 20.7782C4.836 21.5593 5.895 21.9987 7 22.0001H17C18.105 21.9987 19.164 21.5593 19.945 20.7782C20.726 19.9971 21.165 18.9381 21.167 17.8334V13.3692C21.704 12.7616 22.001 11.9781 22 11.1667V10.3334ZM3.667 10.4242L4.733 5.6242C4.854 5.0678 5.163 4.5697 5.607 4.2134C6.051 3.8571 6.604 3.6641 7.173 3.6667H7.833V6.1667C7.833 6.3878 7.921 6.5997 8.077 6.756C8.234 6.9123 8.446 7.0001 8.667 7.0001C8.888 7.0001 9.1 6.9123 9.256 6.756C9.412 6.5997 9.5 6.3878 9.5 6.1667V3.6667H14.5V6.1667C14.5 6.3878 14.588 6.5997 14.744 6.756C14.9 6.9123 15.112 7.0001 15.333 7.0001C15.554 7.0001 15.766 6.9123 15.923 6.756C16.079 6.5997 16.167 6.3878 16.167 6.1667V3.6667H16.827C17.396 3.6641 17.949 3.8571 18.393 4.2134C18.837 4.5697 19.146 5.0678 19.267 5.6242L20.333 10.4242V11.1667C20.333 11.6088 20.158 12.0327 19.845 12.3452C19.533 12.6578 19.109 12.8334 18.667 12.8334H17.833C17.391 12.8334 16.967 12.6578 16.655 12.3452C16.342 12.0327 16.167 11.6088 16.167 11.1667C16.167 10.9457 16.079 10.7338 15.923 10.5775C15.766 10.4212 15.554 10.3334 15.333 10.3334C15.112 10.3334 14.9 10.4212 14.744 10.5775C14.588 10.7338 14.5 10.9457 14.5 11.1667C14.5 11.6088 14.324 12.0327 14.012 12.3452C13.699 12.6578 13.275 12.8334 12.833 12.8334H11.167C10.725 12.8334 10.301 12.6578 9.988 12.3452C9.676 12.0327 9.5 11.6088 9.5 11.1667C9.5 10.9457 9.412 10.7338 9.256 10.5775C9.1 10.4212 8.888 10.3334 8.667 10.3334C8.446 10.3334 8.234 10.4212 8.077 10.5775C7.921 10.7338 7.833 10.9457 7.833 11.1667C7.833 11.6088 7.658 12.0327 7.345 12.3452C7.033 12.6578 6.609 12.8334 6.167 12.8334H5.333C4.891 12.8334 4.467 12.6578 4.155 12.3452C3.842 12.0327 3.667 11.6088 3.667 11.1667V10.4242ZM17 20.3334H7C6.337 20.3334 5.701 20.07 5.232 19.6012C4.763 19.1323 4.5 18.4964 4.5 17.8334V14.3942C4.772 14.4647 5.052 14.5003 5.333 14.5001H6.167C6.64 14.5003 7.108 14.3996 7.539 14.2046C7.97 14.0095 8.354 13.7248 8.667 13.3692C8.979 13.7248 9.363 14.0095 9.795 14.2046C10.226 14.3996 10.693 14.5003 11.167 14.5001H12.833C13.307 14.5003 13.774 14.3996 14.205 14.2046C14.637 14.0095 15.021 13.7248 15.333 13.3692C15.646 13.7248 16.03 14.0095 16.461 14.2046C16.892 14.3996 17.36 14.5003 17.833 14.5001H18.667C18.948 14.5003 19.228 14.4647 19.5 14.3942V17.8334C19.5 18.4964 19.237 19.1323 18.768 19.6012C18.299 20.07 17.663 20.3334 17 20.3334Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+IconStore.Filled = function IconStoreFilled(props) {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M17.833 16.1667C16.956 16.1663 16.093 15.9347 15.333 15.495C14.574 15.9347 13.711 16.1663 12.833 16.1667H11.167C10.288 16.1655 9.425 15.9302 8.667 15.485C7.909 15.9303 7.046 16.1656 6.167 16.1667H5.333C4.455 16.1664 3.592 15.9325 2.833 15.4892V19.5C2.833 20.163 3.097 20.7989 3.566 21.2678C4.035 21.7366 4.67 22 5.333 22H18.667C19.33 22 19.966 21.7366 20.435 21.2678C20.903 20.7989 21.167 20.163 21.167 19.5V15.49C20.408 15.9327 19.545 16.1662 18.667 16.1667H17.833Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M16.167 2V7H14.5V2H9.5V7H7.833V2H3.833L2.02 10.1525L2 11.1667C2 12.0507 2.351 12.8986 2.976 13.5237C3.601 14.1488 4.449 14.5 5.333 14.5H6.167C6.642 14.4985 7.111 14.3948 7.542 14.1961C7.973 13.9974 8.357 13.7083 8.667 13.3483C8.976 13.7083 9.36 13.9974 9.791 14.1961C10.223 14.3948 10.692 14.4985 11.167 14.5H12.833C13.307 14.5002 13.774 14.3995 14.205 14.2045C14.637 14.0095 15.021 13.7247 15.333 13.3692C15.646 13.7247 16.03 14.0095 16.461 14.2045C16.892 14.3995 17.36 14.5002 17.833 14.5H18.667C19.551 14.5 20.399 14.1488 21.024 13.5237C21.649 12.8986 22 12.0507 22 11.1667V10.3333L20.167 2H16.167Z",
+        fill: "currentColor"
+      }
+    )
+  ] });
+};
+
 function IconSwitch(props) {
   return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: [
     /* @__PURE__ */ jsx(
@@ -3018,4 +3046,4 @@ function Tooltip(props) {
 }
 Tooltip.Content = TooltipContent;
 
-export { Badge, BadgeTabs, Breadcrumbs, Button, Checkbox, Chip, Counter, DatePicker, DropdownMenu, I18N_MONTH_LABELS, I18N_WEEKDAY_LABELS, IconArrow, IconArrowCircle, IconArrowCircleUp, IconArrowDiagonal, IconArrowUTurn, IconBell, IconBox, IconCalendar, IconCharacteristic, IconCheck, IconCheckCircle, IconChevron, IconChevronDouble, IconClock, IconCollapse, IconCopy, IconDots, IconDownload, IconEye, IconFace, IconFile, IconFilters, IconGear, IconHanger, IconHome, IconInfo, IconLogOut, IconLogo, IconMail, IconMinus, IconOneCircle, IconPerson, IconPhone, IconPlus, IconPrize, IconProject, IconQRCode, IconRequest, IconResizeCorner, IconScan, IconSearch, IconShopping, IconSort, IconStar, IconSticker, IconStop, IconSwitch, IconTrash, IconXMark, IconXMarkCircle, LOCALE_FIRST_DAY_OF_WEEK, Pagination, ProgressBar, RadioButton, Search, SegmentControl, Stepper, Switch, Tabs, Tag, TextField, Tooltip, useDatePickerControls, useDatePickerMultiSelect, useDatePickerSelect };
+export { Badge, BadgeTabs, Breadcrumbs, Button, Checkbox, Chip, Counter, DatePicker, DropdownMenu, I18N_MONTH_LABELS, I18N_WEEKDAY_LABELS, IconArrow, IconArrowCircle, IconArrowCircleUp, IconArrowDiagonal, IconArrowUTurn, IconBell, IconBox, IconCalendar, IconCharacteristic, IconCheck, IconCheckCircle, IconChevron, IconChevronDouble, IconClock, IconCollapse, IconCopy, IconDots, IconDownload, IconEye, IconFace, IconFile, IconFilters, IconGear, IconHanger, IconHome, IconInfo, IconLogOut, IconLogo, IconMail, IconMinus, IconOneCircle, IconPerson, IconPhone, IconPlus, IconPrize, IconProject, IconQRCode, IconRequest, IconResizeCorner, IconScan, IconSearch, IconShopping, IconSort, IconStar, IconSticker, IconStop, IconStore, IconSwitch, IconTrash, IconXMark, IconXMarkCircle, LOCALE_FIRST_DAY_OF_WEEK, Pagination, ProgressBar, RadioButton, Search, SegmentControl, Stepper, Switch, Tabs, Tag, TextField, Tooltip, useDatePickerControls, useDatePickerMultiSelect, useDatePickerSelect };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grandbazar/ui-baza",
-  "version": "1.2.20",
+  "version": "1.2.21",
   "description": "A lightweight and modular UI kit for building modern, accessible web interfaces. Designed for flexibility, scalability, and developer happiness.",
   "repository": {
     "type": "git",