@dgshahr/ui-kit 0.0.6 → 0.0.7

package/dist/Pagination/index.cjs

@@ -1,128 +1 @@
-'use strict';
-
-require('../assets/styles.css');const jsxRuntime = require('react/jsx-runtime');
-const clsx = require('../clsx-BtxeOLZW.cjs');
-const react = require('react');
-const ArrowLeft2 = require('../ArrowLeft2-iZ0Au6Fn.cjs');
-const ArrowRight2 = require('../ArrowRight2-DTuru_sP.cjs');
-const Button = require('../Button/index.cjs');
-;/* empty css                   */
-
-const DOTS = "...";
-function range(start, end) {
-  const length = end - start + 1;
-  return Array.from({ length }, (_, idx) => idx + start);
-}
-function getPaginationRange({
-  totalCount,
-  pageSize,
-  siblingCount,
-  currentPage
-}) {
-  const totalPageCount = Math.ceil(totalCount / pageSize);
-  const totalPageNumbers = siblingCount + 5;
-  if (totalPageNumbers >= totalPageCount) {
-    return range(1, totalPageCount);
-  }
-  const rightSiblingIndex = Math.max(currentPage - siblingCount, 1);
-  const leftSiblingIndex = Math.min(currentPage + siblingCount, totalPageCount);
-  const shouldShowRightDots = rightSiblingIndex > 2;
-  const shouldShowLeftDots = leftSiblingIndex < totalPageCount - 1;
-  const firstPageIndex = 1;
-  const lastPageIndex = totalPageCount;
-  if (!shouldShowRightDots && shouldShowLeftDots) {
-    let rightItemCount = 2 + siblingCount;
-    if (rightSiblingIndex > 1) rightItemCount += 1;
-    const rightRange = range(1, rightItemCount);
-    return [...rightRange, DOTS, totalPageCount];
-  }
-  if (shouldShowRightDots && !shouldShowLeftDots) {
-    let leftItemCount = 2 + siblingCount;
-    if (leftSiblingIndex < totalPageCount) leftItemCount += 1;
-    const leftRange = range(totalPageCount - leftItemCount + 1, totalPageCount);
-    return [firstPageIndex, DOTS, ...leftRange];
-  }
-  const middleRange = range(rightSiblingIndex, leftSiblingIndex);
-  return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];
-}
-
-const Pagination = (props) => {
-  const {
-    totalCount,
-    pageSize,
-    onPageChange,
-    siblingCount = 1,
-    defaultCurrent = 1,
-    navigationButtonsWithText = true,
-    hideOnSinglePage,
-    className
-  } = props;
-  const [currentPage, setCurrentPage] = react.useState(defaultCurrent);
-  const paginationRange = getPaginationRange({
-    totalCount,
-    pageSize,
-    siblingCount,
-    currentPage
-  });
-  const lastPage = paginationRange[paginationRange.length - 1];
-  if (hideOnSinglePage && paginationRange.length < 2) {
-    return null;
-  }
-  function handlePageChange(page) {
-    if (typeof onPageChange === "function") onPageChange(page);
-    setCurrentPage(page);
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: clsx.clsx(
-        "dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-w-full dgs-ui-kit-px-4 dgs-ui-kit-text-gray-600",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            disabled: currentPage === 1,
-            onClick: () => handlePageChange(currentPage - 1),
-            rightIcon: /* @__PURE__ */ jsxRuntime.jsx(ArrowRight2.ArrowRight2Icon, {}),
-            variant: navigationButtonsWithText ? "text" : "secondary",
-            size: navigationButtonsWithText ? "medium" : "small",
-            children: navigationButtonsWithText && "صفحه قبل"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-x-1 md:dgs-ui-kit-gap-x-4", children: paginationRange.map((pageNumber) => {
-          if (typeof pageNumber === "string") {
-            return /* @__PURE__ */ jsxRuntime.jsx("div", { children: DOTS }, pageNumber);
-          }
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              className: clsx.clsx(
-                "ss02 dgs-ui-kit-w-9 dgs-ui-kit-h-9 md:dgs-ui-kit-w-11 md:dgs-ui-kit-h-11 dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-font-h6-bold md:dgs-ui-kit-font-h5-bold dgs-ui-kit-transition dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-transparent dgs-ui-kit-rounded-lg",
-                pageNumber === currentPage ? "dgs-ui-kit-bg-primary-500 dgs-ui-kit-text-white" : "hover:dgs-ui-kit-text-primary-500 hover:dgs-ui-kit-border-primary-200",
-                className
-              ),
-              onClick: () => handlePageChange(pageNumber),
-              children: pageNumber
-            },
-            pageNumber
-          );
-        }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            disabled: currentPage === lastPage,
-            onClick: () => handlePageChange(currentPage + 1),
-            leftIcon: /* @__PURE__ */ jsxRuntime.jsx(ArrowLeft2.ArrowLeft2Icon, {}),
-            variant: navigationButtonsWithText ? "text" : "secondary",
-            size: navigationButtonsWithText ? "medium" : "small",
-            children: navigationButtonsWithText && "صفحه بعد"
-          }
-        )
-      ]
-    }
-  );
-};
-
-module.exports = Pagination;
+"use strict";require('../assets/styles.css');const o=require("react/jsx-runtime"),P=require("../clsx-C11secjj.cjs"),w=require("react"),y=require("../ArrowLeft2-B76dkC-C.cjs"),I=require("../ArrowRight2-CYowPzS8.cjs"),j=require("../Button/index.cjs");;/* empty css                   */const h="...";function k(d,g){const n=g-d+1;return Array.from({length:n},(a,t)=>t+d)}function R({totalCount:d,pageSize:g,siblingCount:n,currentPage:a}){const t=Math.ceil(d/g);if(n+5>=t)return k(1,t);const e=Math.max(a-n,1),c=Math.min(a+n,t),l=e>2,s=c<t-1,f=1,u=t;if(!l&&s){let r=2+n;return e>1&&(r+=1),[...k(1,r),h,t]}if(l&&!s){let r=2+n;c<t&&(r+=1);const i=k(t-r+1,t);return[f,h,...i]}const x=k(e,c);return[f,h,...x,h,u]}const v=d=>{const{totalCount:g,pageSize:n,onPageChange:a,siblingCount:t=1,defaultCurrent:m=1,navigationButtonsWithText:e=!0,hideOnSinglePage:c,className:l}=d,[s,f]=w.useState(m),u=R({totalCount:g,pageSize:n,siblingCount:t,currentPage:s}),x=u[u.length-1];if(c&&u.length<2)return null;function r(i){typeof a=="function"&&a(i),f(i)}return o.jsxs("div",{className:P.clsx("dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-w-full dgs-ui-kit-px-4 dgs-ui-kit-text-gray-600",l),children:[o.jsx(j,{disabled:s===1,onClick:()=>r(s-1),rightIcon:o.jsx(I.ArrowRight2Icon,{}),variant:e?"text":"secondary",size:e?"medium":"small",children:e&&"صفحه قبل"}),o.jsx("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-x-1 md:dgs-ui-kit-gap-x-4",children:u.map(i=>typeof i=="string"?o.jsx("div",{children:h},i):o.jsx("button",{className:P.clsx("ss02 dgs-ui-kit-w-9 dgs-ui-kit-h-9 md:dgs-ui-kit-w-11 md:dgs-ui-kit-h-11 dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-font-h6-bold md:dgs-ui-kit-font-h5-bold dgs-ui-kit-transition dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-transparent dgs-ui-kit-rounded-lg",i===s?"dgs-ui-kit-bg-primary-500 dgs-ui-kit-text-white":"hover:dgs-ui-kit-text-primary-500 hover:dgs-ui-kit-border-primary-200",l),onClick:()=>r(i),children:i},i))}),o.jsx(j,{disabled:s===x,onClick:()=>r(s+1),leftIcon:o.jsx(y.ArrowLeft2Icon,{}),variant:e?"text":"secondary",size:e?"medium":"small",children:e&&"صفحه بعد"})]})};module.exports=v;

package/dist/Pagination/index.js

@@ -1,126 +1,106 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { c as clsx } from '../clsx-ChV9xqsO.js';
-import { useState } from 'react';
-import { A as ArrowLeft2Icon } from '../ArrowLeft2-BURhvXT2.js';
-import { A as ArrowRight2Icon } from '../ArrowRight2-DCxJPvNC.js';
-import Button from '../Button/index.js';
+import { jsxs as y, jsx as r } from "react/jsx-runtime";
+import { c as p } from "../clsx-OuTLNxxd.js";
+import { useState as I } from "react";
+import { A as w } from "../ArrowLeft2-jP2w1vwt.js";
+import { A as v } from "../ArrowRight2-CcHdxGRE.js";
+import P from "../Button/index.js";
 import '../assets/styles.css';/* empty css                 */
-
-const DOTS = "...";
-function range(start, end) {
-  const length = end - start + 1;
-  return Array.from({ length }, (_, idx) => idx + start);
+const f = "...";
+function h(d, u) {
+  const n = u - d + 1;
+  return Array.from({ length: n }, (a, t) => t + d);
 }
-function getPaginationRange({
-  totalCount,
-  pageSize,
-  siblingCount,
-  currentPage
+function C({
+  totalCount: d,
+  pageSize: u,
+  siblingCount: n,
+  currentPage: a
 }) {
-  const totalPageCount = Math.ceil(totalCount / pageSize);
-  const totalPageNumbers = siblingCount + 5;
-  if (totalPageNumbers >= totalPageCount) {
-    return range(1, totalPageCount);
+  const t = Math.ceil(d / u);
+  if (n + 5 >= t)
+    return h(1, t);
+  const e = Math.max(a - n, 1), l = Math.min(a + n, t), c = e > 2, s = l < t - 1, m = 1, g = t;
+  if (!c && s) {
+    let o = 2 + n;
+    return e > 1 && (o += 1), [...h(1, o), f, t];
   }
-  const rightSiblingIndex = Math.max(currentPage - siblingCount, 1);
-  const leftSiblingIndex = Math.min(currentPage + siblingCount, totalPageCount);
-  const shouldShowRightDots = rightSiblingIndex > 2;
-  const shouldShowLeftDots = leftSiblingIndex < totalPageCount - 1;
-  const firstPageIndex = 1;
-  const lastPageIndex = totalPageCount;
-  if (!shouldShowRightDots && shouldShowLeftDots) {
-    let rightItemCount = 2 + siblingCount;
-    if (rightSiblingIndex > 1) rightItemCount += 1;
-    const rightRange = range(1, rightItemCount);
-    return [...rightRange, DOTS, totalPageCount];
+  if (c && !s) {
+    let o = 2 + n;
+    l < t && (o += 1);
+    const i = h(t - o + 1, t);
+    return [m, f, ...i];
   }
-  if (shouldShowRightDots && !shouldShowLeftDots) {
-    let leftItemCount = 2 + siblingCount;
-    if (leftSiblingIndex < totalPageCount) leftItemCount += 1;
-    const leftRange = range(totalPageCount - leftItemCount + 1, totalPageCount);
-    return [firstPageIndex, DOTS, ...leftRange];
-  }
-  const middleRange = range(rightSiblingIndex, leftSiblingIndex);
-  return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];
+  const k = h(e, l);
+  return [m, f, ...k, f, g];
 }
-
-const Pagination = (props) => {
+const M = (d) => {
   const {
-    totalCount,
-    pageSize,
-    onPageChange,
-    siblingCount = 1,
-    defaultCurrent = 1,
-    navigationButtonsWithText = true,
-    hideOnSinglePage,
-    className
-  } = props;
-  const [currentPage, setCurrentPage] = useState(defaultCurrent);
-  const paginationRange = getPaginationRange({
-    totalCount,
-    pageSize,
-    siblingCount,
-    currentPage
-  });
-  const lastPage = paginationRange[paginationRange.length - 1];
-  if (hideOnSinglePage && paginationRange.length < 2) {
+    totalCount: u,
+    pageSize: n,
+    onPageChange: a,
+    siblingCount: t = 1,
+    defaultCurrent: x = 1,
+    navigationButtonsWithText: e = !0,
+    hideOnSinglePage: l,
+    className: c
+  } = d, [s, m] = I(x), g = C({
+    totalCount: u,
+    pageSize: n,
+    siblingCount: t,
+    currentPage: s
+  }), k = g[g.length - 1];
+  if (l && g.length < 2)
     return null;
+  function o(i) {
+    typeof a == "function" && a(i), m(i);
   }
-  function handlePageChange(page) {
-    if (typeof onPageChange === "function") onPageChange(page);
-    setCurrentPage(page);
-  }
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ y(
     "div",
     {
-      className: clsx(
+      className: p(
         "dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-w-full dgs-ui-kit-px-4 dgs-ui-kit-text-gray-600",
-        className
+        c
       ),
       children: [
-        /* @__PURE__ */ jsx(
-          Button,
+        /* @__PURE__ */ r(
+          P,
           {
-            disabled: currentPage === 1,
-            onClick: () => handlePageChange(currentPage - 1),
-            rightIcon: /* @__PURE__ */ jsx(ArrowRight2Icon, {}),
-            variant: navigationButtonsWithText ? "text" : "secondary",
-            size: navigationButtonsWithText ? "medium" : "small",
-            children: navigationButtonsWithText && "صفحه قبل"
+            disabled: s === 1,
+            onClick: () => o(s - 1),
+            rightIcon: /* @__PURE__ */ r(v, {}),
+            variant: e ? "text" : "secondary",
+            size: e ? "medium" : "small",
+            children: e && "صفحه قبل"
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-x-1 md:dgs-ui-kit-gap-x-4", children: paginationRange.map((pageNumber) => {
-          if (typeof pageNumber === "string") {
-            return /* @__PURE__ */ jsx("div", { children: DOTS }, pageNumber);
-          }
-          return /* @__PURE__ */ jsx(
-            "button",
-            {
-              className: clsx(
-                "ss02 dgs-ui-kit-w-9 dgs-ui-kit-h-9 md:dgs-ui-kit-w-11 md:dgs-ui-kit-h-11 dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-font-h6-bold md:dgs-ui-kit-font-h5-bold dgs-ui-kit-transition dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-transparent dgs-ui-kit-rounded-lg",
-                pageNumber === currentPage ? "dgs-ui-kit-bg-primary-500 dgs-ui-kit-text-white" : "hover:dgs-ui-kit-text-primary-500 hover:dgs-ui-kit-border-primary-200",
-                className
-              ),
-              onClick: () => handlePageChange(pageNumber),
-              children: pageNumber
-            },
-            pageNumber
-          );
-        }) }),
-        /* @__PURE__ */ jsx(
-          Button,
+        /* @__PURE__ */ r("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-x-1 md:dgs-ui-kit-gap-x-4", children: g.map((i) => typeof i == "string" ? /* @__PURE__ */ r("div", { children: f }, i) : /* @__PURE__ */ r(
+          "button",
           {
-            disabled: currentPage === lastPage,
-            onClick: () => handlePageChange(currentPage + 1),
-            leftIcon: /* @__PURE__ */ jsx(ArrowLeft2Icon, {}),
-            variant: navigationButtonsWithText ? "text" : "secondary",
-            size: navigationButtonsWithText ? "medium" : "small",
-            children: navigationButtonsWithText && "صفحه بعد"
+            className: p(
+              "ss02 dgs-ui-kit-w-9 dgs-ui-kit-h-9 md:dgs-ui-kit-w-11 md:dgs-ui-kit-h-11 dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-font-h6-bold md:dgs-ui-kit-font-h5-bold dgs-ui-kit-transition dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-transparent dgs-ui-kit-rounded-lg",
+              i === s ? "dgs-ui-kit-bg-primary-500 dgs-ui-kit-text-white" : "hover:dgs-ui-kit-text-primary-500 hover:dgs-ui-kit-border-primary-200",
+              c
+            ),
+            onClick: () => o(i),
+            children: i
+          },
+          i
+        )) }),
+        /* @__PURE__ */ r(
+          P,
+          {
+            disabled: s === k,
+            onClick: () => o(s + 1),
+            leftIcon: /* @__PURE__ */ r(w, {}),
+            variant: e ? "text" : "secondary",
+            size: e ? "medium" : "small",
+            children: e && "صفحه بعد"
           }
         )
       ]
     }
   );
 };
-
-export { Pagination as default };
+export {
+  M as default
+};

package/dist/{SelectableInputWrapper-BIBVazbq.js → SelectableInputWrapper-B3ylMTsl.js}

@@ -1,77 +1,76 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { c as clsx } from './clsx-ChV9xqsO.js';
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { c as t } from "./clsx-OuTLNxxd.js";
 import './assets/styles.css';/* empty css                */
-
-const SelectableInputWrapper = (props) => {
+const h = (o) => {
   const {
-    children,
-    containerClassName,
-    errorMessage,
-    helperMessage,
-    isError,
-    label,
-    variant = "default"
-  } = props;
-  const icon = props.icon;
-  return /* @__PURE__ */ jsxs(
+    children: a,
+    containerClassName: n,
+    errorMessage: r,
+    helperMessage: d,
+    isError: i,
+    label: g,
+    variant: s = "default"
+  } = o, k = o.icon;
+  return /* @__PURE__ */ u(
     "label",
     {
-      className: clsx(
+      className: t(
         "dgs-ui-kit-flex dgs-ui-kit-w-fit dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-group has-[:disabled]:dgs-ui-kit-opacity-40 has-[:disabled]:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-transition",
         {
-          "dgs-ui-kit-p-3 dgs-ui-kit-border dgs-ui-kit-w-full dgs-ui-kit-border-solid dgs-ui-kit-rounded-xl dgs-ui-kit-bg-white has-[:checked]:dgs-ui-kit-bg-primary-50": variant === "bordered",
-          "has-[:checked]:dgs-ui-kit-border-primary-500 dgs-ui-kit-border-gray-200 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-gray-100 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-primary-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white": variant === "bordered" && !isError,
-          "dgs-ui-kit-border-error-500 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-error-50 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-error-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white": variant === "bordered" && isError
+          "dgs-ui-kit-p-3 dgs-ui-kit-border dgs-ui-kit-w-full dgs-ui-kit-border-solid dgs-ui-kit-rounded-xl dgs-ui-kit-bg-white has-[:checked]:dgs-ui-kit-bg-primary-50": s === "bordered",
+          "has-[:checked]:dgs-ui-kit-border-primary-500 dgs-ui-kit-border-gray-200 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-gray-100 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-primary-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white": s === "bordered" && !i,
+          "dgs-ui-kit-border-error-500 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-error-50 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-error-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white": s === "bordered" && i
         },
-        containerClassName
+        n
       ),
       children: [
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ u(
           "div",
           {
-            className: clsx(
+            className: t(
               "dgs-ui-kit-flex dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",
-              errorMessage ?? helperMessage ? "dgs-ui-kit-items-start" : "dgs-ui-kit-items-center"
+              r ?? d ? "dgs-ui-kit-items-start" : "dgs-ui-kit-items-center"
             ),
             children: [
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ e(
                 "div",
                 {
-                  className: clsx("dgs-ui-kit-relative dgs-ui-kit-h-[18px] dgs-ui-kit-w-[18px]", {
-                    "dgs-ui-kit-mt-1": label
+                  className: t("dgs-ui-kit-relative dgs-ui-kit-h-[18px] dgs-ui-kit-w-[18px]", {
+                    "dgs-ui-kit-mt-1": g
                   }),
-                  children: children({
-                    inputClassName: clsx(
+                  children: a({
+                    inputClassName: t(
                       "dgs-ui-kit-peer dgs-ui-kit-w-full dgs-ui-kit-h-full disabled:dgs-ui-kit-bg-gray-200 dgs-ui-kit-appearance-none dgs-ui-kit-border dgs-ui-kit-border-gray-300 group-hover:dgs-ui-kit-border-primary-500 checked:dgs-ui-kit-bg-primary-500 checked:dgs-ui-kit-border-transparent dgs-ui-kit-transition-all",
                       {
-                        "group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-gray-100 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-primary-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white": variant !== "bordered" && !isError,
-                        "!dgs-ui-kit-border-error-500 group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-error-50 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-error-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white": variant !== "bordered" && isError
+                        "group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-gray-100 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-primary-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white": s !== "bordered" && !i,
+                        "!dgs-ui-kit-border-error-500 group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-error-50 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-error-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white": s !== "bordered" && i
                       }
                     ),
                     checkedInputClassName: "dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-w-full dgs-ui-kit-h-full dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-text-white dgs-ui-kit-opacity-0 peer-checked:dgs-ui-kit-opacity-100 dgs-ui-kit-transition-opacity"
                   })
                 }
               ),
-              Boolean(label) && /* @__PURE__ */ jsxs("div", { className: "dgs-ui-kit-space-y-1", children: [
-                /* @__PURE__ */ jsx("div", { className: "dgs-ui-kit-font-p2-medium dgs-ui-kit-text-gray-700 dgs-ui-kit-transition group-hover:dgs-ui-kit-text-primary-500", children: label }),
-                Boolean(errorMessage ?? helperMessage) && /* @__PURE__ */ jsx(
+              !!g && /* @__PURE__ */ u("div", { className: "dgs-ui-kit-space-y-1", children: [
+                /* @__PURE__ */ e("div", { className: "dgs-ui-kit-font-p2-medium dgs-ui-kit-text-gray-700 dgs-ui-kit-transition group-hover:dgs-ui-kit-text-primary-500", children: g }),
+                !!(r ?? d) && /* @__PURE__ */ e(
                   "div",
                   {
-                    className: clsx(
+                    className: t(
                       "dgs-ui-kit-font-p3-regular",
-                      errorMessage && isError ? "dgs-ui-kit-text-error-500" : "dgs-ui-kit-text-gray-500"
+                      r && i ? "dgs-ui-kit-text-error-500" : "dgs-ui-kit-text-gray-500"
                     ),
-                    children: isError && errorMessage ? errorMessage : helperMessage
+                    children: i && r ? r : d
                   }
                 )
               ] })
             ]
           }
         ),
-        variant === "bordered" && icon ? /* @__PURE__ */ jsx("div", { className: "dgs-ui-kit-text-gray-600 group-hover:dgs-ui-kit-text-primary-500 group-checked:dgs-ui-kit-text-primary-500", children: icon }) : null
+        s === "bordered" && k ? /* @__PURE__ */ e("div", { className: "dgs-ui-kit-text-gray-600 group-hover:dgs-ui-kit-text-primary-500 group-checked:dgs-ui-kit-text-primary-500", children: k }) : null
       ]
     }
   );
 };
-
-export { SelectableInputWrapper as S };
+export {
+  h as S
+};

package/dist/SelectableInputWrapper-C9x3IShC.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/styles.css');const i=require("react/jsx-runtime"),e=require("./clsx-C11secjj.cjs");;/* empty css                  */const c=g=>{const{children:k,containerClassName:a,errorMessage:t,helperMessage:d,isError:s,label:u,variant:r="default"}=g,o=g.icon;return i.jsxs("label",{className:e.clsx("dgs-ui-kit-flex dgs-ui-kit-w-fit dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-group has-[:disabled]:dgs-ui-kit-opacity-40 has-[:disabled]:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-transition",{"dgs-ui-kit-p-3 dgs-ui-kit-border dgs-ui-kit-w-full dgs-ui-kit-border-solid dgs-ui-kit-rounded-xl dgs-ui-kit-bg-white has-[:checked]:dgs-ui-kit-bg-primary-50":r==="bordered","has-[:checked]:dgs-ui-kit-border-primary-500 dgs-ui-kit-border-gray-200 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-gray-100 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-primary-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white":r==="bordered"&&!s,"dgs-ui-kit-border-error-500 hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-error-50 has-[:focus]:ring has-[:focus]:dgs-ui-kit-ring-error-300 has-[:focus]:dgs-ui-kit-ring-offset-1 has-[:focus]:dgs-ui-kit-ring-offset-white":r==="bordered"&&s},a),children:[i.jsxs("div",{className:e.clsx("dgs-ui-kit-flex dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",t??d?"dgs-ui-kit-items-start":"dgs-ui-kit-items-center"),children:[i.jsx("div",{className:e.clsx("dgs-ui-kit-relative dgs-ui-kit-h-[18px] dgs-ui-kit-w-[18px]",{"dgs-ui-kit-mt-1":u}),children:k({inputClassName:e.clsx("dgs-ui-kit-peer dgs-ui-kit-w-full dgs-ui-kit-h-full disabled:dgs-ui-kit-bg-gray-200 dgs-ui-kit-appearance-none dgs-ui-kit-border dgs-ui-kit-border-gray-300 group-hover:dgs-ui-kit-border-primary-500 checked:dgs-ui-kit-bg-primary-500 checked:dgs-ui-kit-border-transparent dgs-ui-kit-transition-all",{"group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-gray-100 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-primary-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white":r!=="bordered"&&!s,"!dgs-ui-kit-border-error-500 group-hover:dgs-ui-kit-ring-4 group-hover:dgs-ui-kit-ring-error-50 focus:!dgs-ui-kit-ring focus:!dgs-ui-kit-ring-error-300 focus:dgs-ui-kit-ring-offset-1 focus:dgs-ui-kit-ring-offset-white":r!=="bordered"&&s}),checkedInputClassName:"dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-w-full dgs-ui-kit-h-full dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-text-white dgs-ui-kit-opacity-0 peer-checked:dgs-ui-kit-opacity-100 dgs-ui-kit-transition-opacity"})}),!!u&&i.jsxs("div",{className:"dgs-ui-kit-space-y-1",children:[i.jsx("div",{className:"dgs-ui-kit-font-p2-medium dgs-ui-kit-text-gray-700 dgs-ui-kit-transition group-hover:dgs-ui-kit-text-primary-500",children:u}),!!(t??d)&&i.jsx("div",{className:e.clsx("dgs-ui-kit-font-p3-regular",t&&s?"dgs-ui-kit-text-error-500":"dgs-ui-kit-text-gray-500"),children:s&&t?t:d})]})]}),r==="bordered"&&o?i.jsx("div",{className:"dgs-ui-kit-text-gray-600 group-hover:dgs-ui-kit-text-primary-500 group-checked:dgs-ui-kit-text-primary-500",children:o}):null]})};exports.SelectableInputWrapper=c;