@choice-ui/react 1.7.5 → 1.7.6

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

@@ -79,6 +79,9 @@ interface CommentInputProps {
     placeholder?: string;
     users?: User[];
     variant?: "default" | "solid";
+    showMentionButton?: boolean;
+    showEmojiButton?: boolean;
+    showImageUploadButton?: boolean;
 }
 declare const CommentInput: react.ForwardRefExoticComponent<CommentInputProps & react.RefAttributes<HTMLDivElement>>;
 

package/dist/components/comments/src/comment-input/comment-input.d.ts

@@ -12,5 +12,8 @@ export interface CommentInputProps {
     placeholder?: string;
     users?: User[];
     variant?: "default" | "solid";
+    showMentionButton?: boolean;
+    showEmojiButton?: boolean;
+    showImageUploadButton?: boolean;
 }
 export declare const CommentInput: import('react').ForwardRefExoticComponent<CommentInputProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/comments/src/comment-input/comment-input.js

@@ -31,7 +31,10 @@ const CommentInput = forwardRef((props, ref) => {
       ADD_EMOJI: "Add emoji",
       UPLOAD_ATTACHMENT: "Upload up to 5 images",
       REMOVE_IMAGE: "Remove image"
-    }
+    },
+    showMentionButton = true,
+    showEmojiButton = true,
+    showImageUploadButton = true
   } = props;
   const [isEditMode, setIsEditMode] = useState(false);
   const [isComposing, setIsComposing] = useState(false);
@@ -230,7 +233,10 @@ const CommentInput = forwardRef((props, ref) => {
                 imageCount,
                 maxImageCount,
                 hasOnlyImages,
-                defaultText
+                defaultText,
+                showMentionButton: showMentionButton && users.length > 0,
+                showEmojiButton,
+                showImageUploadButton
               }
             ),
             shouldShowPlaceholder ? /* @__PURE__ */ jsx("div", { className: styles.placeholder(), children: /* @__PURE__ */ jsx("span", { className: "truncate", children: error || placeholder }) }) : null

package/dist/components/comments/src/comment-input/components/comment-input-footer.d.ts

@@ -17,6 +17,9 @@ interface CommentInputFooterProps {
     onMentionClick?: () => void;
     onSubmit?: () => void;
     typing?: boolean;
+    showMentionButton?: boolean;
+    showEmojiButton?: boolean;
+    showImageUploadButton?: boolean;
 }
 export declare const CommentInputFooter: (props: CommentInputFooterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/comments/src/comment-input/components/comment-input-footer.js

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Button } from "../../../../button/dist/index.js";
 import { IconButton } from "../../../../icon-button/dist/index.js";
+import { Tooltip } from "../../../../tooltip/dist/index.js";
 import { Smile, AtSign, Image, ArrowUp } from "@choiceform/icons-react";
 import { useRef } from "react";
 import { CommentInputTv } from "../tv.js";
@@ -21,7 +22,10 @@ const CommentInputFooter = (props) => {
     imageCount = 0,
     maxImageCount = 5,
     hasOnlyImages = false,
-    defaultText
+    defaultText,
+    showMentionButton = true,
+    showEmojiButton = true,
+    showImageUploadButton = true
   } = props;
   const fileInputRef = useRef(null);
   const handleImageButtonClick = () => {
@@ -39,7 +43,7 @@ const CommentInputFooter = (props) => {
   const isSubmitDisabled = disabled || !allowSubmission || hasOnlyImages;
   return /* @__PURE__ */ jsxs("div", { className: styles.footer({ className }), children: [
     typing && /* @__PURE__ */ jsxs("div", { className: styles.footerActions(), children: [
-      /* @__PURE__ */ jsx(
+      showEmojiButton && /* @__PURE__ */ jsx(
         IconButton,
         {
           ref: emojiButtonRef,
@@ -50,7 +54,7 @@ const CommentInputFooter = (props) => {
           children: /* @__PURE__ */ jsx(Smile, {})
         }
       ),
-      /* @__PURE__ */ jsx(
+      showMentionButton && /* @__PURE__ */ jsx(
         IconButton,
         {
           onClick: onMentionClick,
@@ -60,7 +64,7 @@ const CommentInputFooter = (props) => {
           children: /* @__PURE__ */ jsx(AtSign, {})
         }
       ),
-      /* @__PURE__ */ jsxs(
+      showImageUploadButton && /* @__PURE__ */ jsxs(
         IconButton,
         {
           onClick: handleImageButtonClick,
@@ -106,18 +110,15 @@ const CommentInputFooter = (props) => {
       )
     ] }) : (
       /* Submit Button */
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Tooltip, { content: defaultText.SUBMIT, children: /* @__PURE__ */ jsx(
         Button,
         {
           onClick: onSubmit,
           disabled: isSubmitDisabled,
           className: "w-6 rounded-full border-none px-0",
-          tooltip: {
-            content: defaultText.SUBMIT
-          },
           children: /* @__PURE__ */ jsx(ArrowUp, {})
         }
-      )
+      ) })
     )
   ] });
 };

package/dist/components/comments/src/comment-input/components/comment-input-renderers.js

@@ -91,7 +91,7 @@ const renderLeaf = (props) => {
     formattedChildren = /* @__PURE__ */ jsx("u", { className: "underline", children: formattedChildren });
   }
   if (customLeaf.emoji) {
-    formattedChildren = /* @__PURE__ */ jsx("span", { className: "font-emoji text-xl leading-6", children: formattedChildren });
+    formattedChildren = /* @__PURE__ */ jsx("span", { className: "font-emoji text-body-large leading-6", children: formattedChildren });
   }
   return /* @__PURE__ */ jsx("span", { ...attributes, children: formattedChildren });
 };

package/dist/components/modal/dist/index.js

@@ -8,7 +8,6 @@ import { AnimatePresence, motion } from "framer-motion";
 import { Input } from "../../input/dist/index.js";
 import { Textarea } from "../../textarea/dist/index.js";
 import { tcv, tcx } from "../../../shared/utils/tcx/tcx.js";
-var style_default = {};
 var ModalTv = tcv({
   slots: {
     root: "bg-default-background z-modals pointer-events-auto relative flex max-w-fit flex-col rounded-xl shadow-xl"
@@ -16,7 +15,7 @@ var ModalTv = tcv({
 });
 var ModalHeaderTv = tcv({
   slots: {
-    root: [style_default.header, "grid border-default-boundary w-full flex-none items-center border-b"],
+    root: ["modal__header", "grid border-default-boundary w-full flex-none items-center border-b"],
     title: "text-body-medium flex min-w-0 items-center gap-2 p-2 font-strong [grid-area:title] select-none",
     close: "p-2 [grid-area:close]"
   },

package/dist/components/modal/src/tv.js

@@ -1,4 +1,3 @@
-import s from "./styles/style.module.css.js";
 import { tcv } from "../../../shared/utils/tcx/tcx.js";
 const ModalTv = tcv({
   slots: {
@@ -7,7 +6,7 @@ const ModalTv = tcv({
 });
 const ModalHeaderTv = tcv({
   slots: {
-    root: [s.header, "grid border-default-boundary w-full flex-none items-center border-b"],
+    root: ["modal__header", "grid border-default-boundary w-full flex-none items-center border-b"],
     title: "text-body-medium flex min-w-0 items-center gap-2 p-2 font-strong [grid-area:title] select-none",
     close: "p-2 [grid-area:close]"
   },

package/dist/components/numeric-input/dist/index.js

@@ -20,10 +20,9 @@ function useNumericInputContext() {
   }
   return context;
 }
-var style_default = {};
 var NumericInputTv = tcv({
   slots: {
-    container: ["group/input grid before:border-transparent", style_default.input],
+    container: ["group/input grid before:border-transparent", "input__number"],
     input: ["peer", "w-full", "cursor-default appearance-none truncate"],
     tooltip: "col-span-3 col-start-1 row-start-1"
   },
@@ -42,12 +41,12 @@ var NumericInputTv = tcv({
     },
     size: {
       default: {
-        container: ["h-6", style_default.default],
+        container: ["h-6", "input__number--default"],
         input: "h-6",
         tooltip: "h-6"
       },
       large: {
-        container: ["h-8", style_default.large],
+        container: ["h-8", "input__number--large"],
         input: "h-8",
         tooltip: "h-8"
       }

package/dist/components/numeric-input/src/tv.js

@@ -1,8 +1,7 @@
-import s from "./styles/style.module.css.js";
 import { tcv } from "../../../shared/utils/tcx/tcx.js";
 const NumericInputTv = tcv({
   slots: {
-    container: ["group/input grid before:border-transparent", s.input],
+    container: ["group/input grid before:border-transparent", "input__number"],
     input: ["peer", "w-full", "cursor-default appearance-none truncate"],
     tooltip: "col-span-3 col-start-1 row-start-1"
   },
@@ -21,12 +20,12 @@ const NumericInputTv = tcv({
     },
     size: {
       default: {
-        container: ["h-6", s.default],
+        container: ["h-6", "input__number--default"],
         input: "h-6",
         tooltip: "h-6"
       },
       large: {
-        container: ["h-8", s.large],
+        container: ["h-8", "input__number--large"],
         input: "h-8",
         tooltip: "h-8"
       }

package/dist/components/otp-input/src/tv.js

@@ -1,4 +1,3 @@
-import s from "./styles/style.module.css.js";
 import { tcv } from "../../../shared/utils/tcx/tcx.js";
 const otpInputTv = tcv({
   slots: {
@@ -13,7 +12,7 @@ const otpInputTv = tcv({
       "border border-solid border-transparent"
     ],
     slotValue: "",
-    caret: ["absolute inset-y-2 left-1/2 w-px -translate-x-1/2", s.caret],
+    caret: ["absolute inset-y-2 left-1/2 w-px -translate-x-1/2", "otp-input__caret"],
     separator: "text-secondary-foreground mx-1"
   },
   variants: {

package/dist/components/panel/src/tv.js

@@ -1,4 +1,3 @@
-import s from "./styles/style.module.css.js";
 import { tcv } from "../../../shared/utils/tcx/tcx.js";
 const propertiesPanelTv = tcv({
   slots: {
@@ -33,21 +32,21 @@ const propertiesPanelRowTv = tcv({
   },
   variants: {
     type: {
-      single: { container: s.single },
-      "two-columns": { container: s["two-columns"] },
-      "one-label-one-input": { container: s["one-label-one-input"] },
-      "one-label-one-input-one-icon": { container: s["one-label-one-input-one-icon"] },
-      "one-label-two-input": { container: s["one-label-two-input"] },
-      "one-icon-one-input": { container: s["one-icon-one-input"] },
-      "one-input-one-icon": { container: s["one-input-one-icon"] },
-      "one-input-two-icon": { container: s["one-input-two-icon"] },
-      "two-input-one-icon": { container: s["two-input-one-icon"] },
-      "two-input-two-icon": { container: s["two-input-two-icon"] },
-      "one-icon-one-input-one-icon": { container: s["one-icon-one-input-one-icon"] },
-      "one-icon-one-input-two-icon": { container: s["one-icon-one-input-two-icon"] },
-      "two-input-one-icon-double-row": { container: s["two-input-one-icon-double-row"] },
+      single: { container: "rows--single" },
+      "two-columns": { container: "rows--two-columns" },
+      "one-label-one-input": { container: "rows--one-label-one-input" },
+      "one-label-one-input-one-icon": { container: "rows--one-label-one-input-one-icon" },
+      "one-label-two-input": { container: "rows--one-label-two-input" },
+      "one-icon-one-input": { container: "rows--one-icon-one-input" },
+      "one-input-one-icon": { container: "rows--one-input-one-icon" },
+      "one-input-two-icon": { container: "rows--one-input-two-icon" },
+      "two-input-one-icon": { container: "rows--two-input-one-icon" },
+      "two-input-two-icon": { container: "rows--two-input-two-icon" },
+      "one-icon-one-input-one-icon": { container: "rows--one-icon-one-input-one-icon" },
+      "one-icon-one-input-two-icon": { container: "rows--one-icon-one-input-two-icon" },
+      "two-input-one-icon-double-row": { container: "rows--two-input-one-icon-double-row" },
       "one-icon-one-input-two-icon-double-row": {
-        container: s["one-icon-one-input-two-icon-double-row"]
+        container: "rows--one-icon-one-input-two-icon-double-row"
       }
     },
     triggerRef: {
@@ -103,7 +102,7 @@ const panelLabelTv = tcv({
   base: "[grid-area:label]",
   variants: {
     showLabels: {
-      true: ["text-secondary-foreground", s.label],
+      true: ["text-secondary-foreground", "rows--label"],
       false: "sr-only"
     }
   },

package/dist/components/skeleton/src/tv.js

@@ -1,4 +1,3 @@
-import s from "./styles/style.module.css.js";
 import { tcv } from "../../../shared/utils/tcx/tcx.js";
 const skeletonTv = tcv({
   slots: {
@@ -8,7 +7,7 @@ const skeletonTv = tcv({
   variants: {
     loading: {
       true: {
-        root: [s.skeleton, "animate-pulse"]
+        root: ["skeleton", "animate-pulse"]
       },
       false: {}
     },

package/dist/components/text-field/dist/index.js

@@ -18,7 +18,6 @@ var FieldAddon = memo(
   })
 );
 FieldAddon.displayName = "FieldAddon";
-var style_default = {};
 var TextFieldTv = tcv({
   slots: {
     container: ["flex min-w-0 flex-col items-start gap-2"],
@@ -27,7 +26,7 @@ var TextFieldTv = tcv({
       "rounded-md",
       "focus-within:before:border-selected-boundary",
       "before:border-transparent",
-      style_default.textField
+      "fields__text-field"
     ],
     input: "[grid-area:input]",
     prefix: "[grid-area:prefix]",

package/dist/components/text-field/src/tv.js

@@ -1,4 +1,3 @@
-import s from "./styles/style.module.css.js";
 import { tcv } from "../../../shared/utils/tcx/tcx.js";
 const TextFieldTv = tcv({
   slots: {
@@ -8,7 +7,7 @@ const TextFieldTv = tcv({
       "rounded-md",
       "focus-within:before:border-selected-boundary",
       "before:border-transparent",
-      s.textField
+      "fields__text-field"
     ],
     input: "[grid-area:input]",
     prefix: "[grid-area:prefix]",

package/dist/styles/components.css

@@ -362,6 +362,103 @@
   }
 }
 
+/* Panel row styles */
+@layer components {
+  .properties-panel {
+    @apply relative flex min-w-0 flex-col;
+    &:not(:last-child) {
+      @apply border-b;
+    }
+  }
+
+  .rows {
+    @apply grid min-w-0 items-center pr-2 pl-4;
+  }
+  .rows--label {
+    @apply text-secondary-foreground mt-1 select-none;
+    padding-right: 0.125rem;
+    padding-left: 0.125rem;
+    font-weight: 500;
+    font-size: 0.5625rem;
+    line-height: 0.875rem;
+    letter-spacing: 0.016875rem;
+  }
+  .rows--single {
+    @apply gap-x-2 pr-4;
+    grid-template-rows: auto minmax(2rem, auto);
+    grid-template-columns: 1fr;
+    grid-template-areas: "label" "input";
+  }
+  .rows--two-columns {
+    @apply gap-x-2 pr-4;
+    grid-template-rows: auto minmax(2rem, auto);
+    grid-template-columns: 1fr 1fr;
+    grid-template-areas: "label-1 label-2" "input-1 input-2";
+  }
+  .rows--one-label-one-input {
+    @apply gap-x-2 pr-4;
+    grid-template-rows: 2rem;
+    grid-template-columns: 8fr 20fr;
+    grid-template-areas: "label input";
+  }
+  .rows--one-label-one-input-one-icon {
+    @apply gap-x-1 pr-2;
+    grid-template-rows: 2rem;
+    grid-template-columns: 8fr 20fr 1.5rem;
+    grid-template-areas: "label input icon";
+  }
+  .rows--one-label-two-input {
+    @apply gap-x-2 pr-4;
+    grid-template-rows: 2rem;
+    grid-template-columns: 8fr 10fr 10fr;
+    grid-template-areas: "label input-1 input-2";
+  }
+  .rows--one-icon-one-input {
+    @apply gap-x-2 pr-4;
+    grid-template-rows: auto minmax(2rem, auto);
+    grid-template-columns: 1.5rem 1fr;
+    grid-template-areas: ". label" "icon input";
+  }
+  .rows--one-input-one-icon {
+    @apply gap-x-2;
+    grid-template-rows: auto minmax(2rem, auto);
+    grid-template-columns: 1fr 1.5rem;
+    grid-template-areas: "label label" "input icon";
+  }
+  .rows--one-input-two-icon {
+    grid-template-rows: auto minmax(2rem, auto);
+    grid-template-columns: 1fr 0.5rem 1.5rem 0.25rem 1.5rem;
+    grid-template-areas: "label . . . ." "input . icon-1 . icon-2";
+  }
+  .rows--two-input-two-icon {
+    grid-template-rows: auto minmax(2rem, auto);
+    grid-template-columns: minmax(76px, 1fr) 0.5rem 1fr 0.5rem 1.5rem 0.25rem 1.5rem;
+    grid-template-areas: "label-1 label-1 label-2 label-2 . . ." "input-1 . input-2 . icon-1 . icon-2";
+  }
+  .rows--two-input-one-icon {
+    @apply gap-x-2;
+    grid-template-rows: auto minmax(2rem, auto);
+    grid-template-columns: 1fr 1fr 1.5rem;
+    grid-template-areas: "label-1 label-2 label-2" "input-1 input-2 icon";
+  }
+  .rows--one-icon-one-input-one-icon {
+    grid-template-rows: auto minmax(2rem, auto);
+    grid-template-columns: 1.5rem 0.5rem 1fr 0.5rem 1.5rem;
+    grid-template-areas: "label label label label label" "icon-1 . input . icon-2";
+  }
+  .rows--one-icon-one-input-two-icon {
+    grid-template-rows: auto minmax(2rem, auto);
+    grid-template-columns: 1.5rem 0.5rem 1fr 0.5rem 1.5rem 0.25rem 1.5rem;
+    grid-template-areas: "label label label label label label label" "icon-1 . input . icon-2 . icon-3";
+  }
+  .rows--two-input-one-icon-double-row {
+    @apply gap-x-2;
+    grid-template-rows: auto 2rem 2rem;
+    grid-template-columns: 1fr 1fr 1.5rem;
+    grid-template-areas: "label-1 label-2 ." "input-1 input-3 icon-1" "input-2 input-3 icon-2";
+  }
+}
+
 /* Condition styles */
 @layer components {
   .condition__group {
@@ -414,6 +511,28 @@
   }
 }
 
+/* Skeleton styles */
+@layer components {
+  .skeleton {
+    transition: all 0.2s ease-in-out !important;
+    outline: none !important;
+    box-shadow: none !important;
+    border-color: transparent !important;
+    border-radius: var(--radius-md);
+    background-color: var(--color-secondary-background) !important;
+    resize: none !important;
+    pointer-events: none !important;
+    color: transparent !important;
+    &::placeholder,
+    &:placeholder-shown {
+      color: transparent !important;
+    }
+    & * {
+      visibility: hidden !important;
+    }
+  }
+}
+
 /* Comments styles */
 @layer components {
   .comments__input {
@@ -428,3 +547,70 @@
     column-gap: calc(var(--spacing) * 2);
   }
 }
+
+/* Fields styles */
+@layer components {
+  .fields__text-field {
+    grid-template-columns: auto 1fr auto;
+    grid-template-areas: "prefix input suffix";
+    &::before {
+      @apply pointer-events-none z-2 h-full border transform-3d;
+      grid-row: 1 / 2;
+      grid-column: 1 / 4;
+      border-radius: inherit;
+      content: "";
+    }
+  }
+
+  .input__number {
+    grid-template-columns: auto auto 1fr auto auto;
+    grid-template-areas: "prefix-handler variable input action suffix-handler";
+    &::before {
+      @apply pointer-events-none z-3 rounded-md border;
+      grid-row: 1 / 2;
+      grid-column: 1 / 6;
+      content: "";
+    }
+  }
+
+  .input__number--default {
+    grid-template-rows: 1.5rem;
+    &::before {
+      @apply h-6;
+    }
+  }
+
+  .input__number--large {
+    grid-template-rows: 2rem;
+    &::before {
+      @apply h-8;
+    }
+  }
+}
+
+/* Modal styles */
+@layer components {
+  .modal__header {
+    grid-template-rows: minmax(2.5rem, auto);
+    grid-template-areas: "title . close" "input input input";
+  }
+}
+
+/* OTP Input styles */
+@layer components {
+  .otp-input__caret {
+    animation: otp-caret-blink 1s ease-out infinite;
+  }
+
+  @keyframes otp-caret-blink {
+    0%,
+    70%,
+    100% {
+      opacity: 1;
+    }
+    20%,
+    50% {
+      opacity: 0;
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@choice-ui/react",
-  "version": "1.7.5",
+  "version": "1.7.6",
   "description": "A desktop-first React UI component library built for professional desktop applications with comprehensive documentation",
   "sideEffects": false,
   "type": "module",

package/dist/components/modal/src/styles/style.module.css

@@ -1,4 +0,0 @@
-._header_15lpo_1 {
-  grid-template-rows: minmax(2.5rem, auto);
-  grid-template-areas: "title . close" "input input input";
-}

package/dist/components/modal/src/styles/style.module.css.js

@@ -1,8 +0,0 @@
-import './style.module.css';const header = "_header_15lpo_1";
-const s = {
-  header
-};
-export {
-  s as default,
-  header
-};

package/dist/components/numeric-input/src/styles/style.module.css

@@ -1,45 +0,0 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
-@layer properties {
-  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
-    *, :before, :after, ::backdrop {
-      --tw-border-style: solid;
-    }
-  }
-}
-
-._input_irmph_10 {
-  grid-template-columns: auto auto 1fr auto auto;
-  grid-template-areas: "prefix-handler variable input action suffix-handler";
-}
-
-._input_irmph_10:before {
-  pointer-events: none;
-  z-index: 3;
-  border-radius: var(--radius-md, .375rem);
-  border-style: var(--tw-border-style);
-  content: "";
-  border-width: 1px;
-  grid-area: 1 / 1 / 2 / 6;
-}
-
-._default_irmph_25 {
-  grid-template-rows: 1.5rem;
-}
-
-._default_irmph_25:before {
-  height: calc(var(--spacing, .25rem) * 6);
-}
-
-._large_irmph_33 {
-  grid-template-rows: 2rem;
-}
-
-._large_irmph_33:before {
-  height: calc(var(--spacing, .25rem) * 8);
-}
-
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}

package/dist/components/numeric-input/src/styles/style.module.css.js

@@ -1,12 +0,0 @@
-import './style.module.css';const input = "_input_irmph_10";
-const large = "_large_irmph_33";
-const s = {
-  input,
-  "default": "_default_irmph_25",
-  large
-};
-export {
-  s as default,
-  input,
-  large
-};

package/dist/components/otp-input/src/styles/style.module.css

@@ -1,15 +0,0 @@
-._caret_giwn8_1 {
-  animation: _otp-caret-blink_giwn8_1 1s ease-out infinite;
-}
-
-@keyframes _otp-caret-blink_giwn8_1 {
-  0%,
-  70%,
-  100% {
-    opacity: 1;
-  }
-  20%,
-  50% {
-    opacity: 0;
-  }
-}

package/dist/components/otp-input/src/styles/style.module.css.js

@@ -1,8 +0,0 @@
-import './style.module.css';const caret = "_caret_giwn8_1";
-const s = {
-  caret
-};
-export {
-  caret,
-  s as default
-};

package/dist/components/panel/src/styles/style.module.css

@@ -1,103 +0,0 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
-._label_yadvv_2 {
-  margin-top: calc(var(--spacing, .25rem) * 1);
-  -webkit-user-select: none;
-  user-select: none;
-  letter-spacing: .016875rem;
-  padding-left: .125rem;
-  padding-right: .125rem;
-  font-size: .5625rem;
-  font-weight: 500;
-  line-height: .875rem;
-}
-
-._single_yadvv_14 {
-  column-gap: calc(var(--spacing, .25rem) * 2);
-  padding-right: calc(var(--spacing, .25rem) * 4);
-  grid-template: "label"
-                 "input" minmax(2rem, auto)
-                 / 1fr;
-}
-
-._two-columns_yadvv_22 {
-  column-gap: calc(var(--spacing, .25rem) * 2);
-  padding-right: calc(var(--spacing, .25rem) * 4);
-  grid-template: "label-1 label-2"
-                 "input-1 input-2" minmax(2rem, auto)
-                 / 1fr 1fr;
-}
-
-._one-label-one-input_yadvv_30 {
-  column-gap: calc(var(--spacing, .25rem) * 2);
-  padding-right: calc(var(--spacing, .25rem) * 4);
-  grid-template: "label input" 2rem
-  / 8fr 20fr;
-}
-
-._one-label-one-input-one-icon_yadvv_37 {
-  column-gap: calc(var(--spacing, .25rem) * 1);
-  padding-right: calc(var(--spacing, .25rem) * 2);
-  grid-template: "label input icon" 2rem
-  / 8fr 20fr 1.5rem;
-}
-
-._one-label-two-input_yadvv_44 {
-  column-gap: calc(var(--spacing, .25rem) * 2);
-  padding-right: calc(var(--spacing, .25rem) * 4);
-  grid-template: "label input-1 input-2" 2rem
-  / 8fr 10fr 10fr;
-}
-
-._one-icon-one-input_yadvv_51 {
-  column-gap: calc(var(--spacing, .25rem) * 2);
-  padding-right: calc(var(--spacing, .25rem) * 4);
-  grid-template: ". label"
-                 "icon input" minmax(2rem, auto)
-                 / 1.5rem 1fr;
-}
-
-._one-input-one-icon_yadvv_59 {
-  column-gap: calc(var(--spacing, .25rem) * 2);
-  grid-template: "label label"
-                 "input icon" minmax(2rem, auto)
-                 / 1fr 1.5rem;
-}
-
-._one-input-two-icon_yadvv_66 {
-  grid-template: "label . . . ."
-                 "input . icon-1 . icon-2" minmax(2rem, auto)
-                 / 1fr .5rem 1.5rem .25rem 1.5rem;
-}
-
-._two-input-two-icon_yadvv_72 {
-  grid-template: "label-1 label-1 label-2 label-2 . . ."
-                 "input-1 . input-2 . icon-1 . icon-2" minmax(2rem, auto)
-                 / minmax(76px, 1fr) .5rem 1fr .5rem 1.5rem .25rem 1.5rem;
-}
-
-._two-input-one-icon_yadvv_78 {
-  column-gap: calc(var(--spacing, .25rem) * 2);
-  grid-template: "label-1 label-2 label-2"
-                 "input-1 input-2 icon" minmax(2rem, auto)
-                 / 1fr 1fr 1.5rem;
-}
-
-._one-icon-one-input-one-icon_yadvv_85 {
-  grid-template: "label label label label label"
-                 "icon-1 . input . icon-2" minmax(2rem, auto)
-                 / 1.5rem .5rem 1fr .5rem 1.5rem;
-}
-
-._one-icon-one-input-two-icon_yadvv_91 {
-  grid-template: "label label label label label label label"
-                 "icon-1 . input . icon-2 . icon-3" minmax(2rem, auto)
-                 / 1.5rem .5rem 1fr .5rem 1.5rem .25rem 1.5rem;
-}
-
-._two-input-one-icon-double-row_yadvv_97 {
-  column-gap: calc(var(--spacing, .25rem) * 2);
-  grid-template: "label-1 label-2 ."
-                 "input-1 input-3 icon-1" 2rem
-                 "input-2 input-3 icon-2" 2rem
-                 / 1fr 1fr 1.5rem;
-}

package/dist/components/panel/src/styles/style.module.css.js

@@ -1,23 +0,0 @@
-import './style.module.css';const label = "_label_yadvv_2";
-const single = "_single_yadvv_14";
-const s = {
-  label,
-  single,
-  "two-columns": "_two-columns_yadvv_22",
-  "one-label-one-input": "_one-label-one-input_yadvv_30",
-  "one-label-one-input-one-icon": "_one-label-one-input-one-icon_yadvv_37",
-  "one-label-two-input": "_one-label-two-input_yadvv_44",
-  "one-icon-one-input": "_one-icon-one-input_yadvv_51",
-  "one-input-one-icon": "_one-input-one-icon_yadvv_59",
-  "one-input-two-icon": "_one-input-two-icon_yadvv_66",
-  "two-input-two-icon": "_two-input-two-icon_yadvv_72",
-  "two-input-one-icon": "_two-input-one-icon_yadvv_78",
-  "one-icon-one-input-one-icon": "_one-icon-one-input-one-icon_yadvv_85",
-  "one-icon-one-input-two-icon": "_one-icon-one-input-two-icon_yadvv_91",
-  "two-input-one-icon-double-row": "_two-input-one-icon-double-row_yadvv_97"
-};
-export {
-  s as default,
-  label,
-  single
-};

package/dist/components/skeleton/src/styles/style.module.css

@@ -1,18 +0,0 @@
-._skeleton_76sc4_1 {
-  transition: all 0.2s ease-in-out !important;
-  outline: none !important;
-  box-shadow: none !important;
-  border-color: transparent !important;
-  border-radius: var(--radius-md);
-  background-color: var(--color-secondary-background) !important;
-  resize: none !important;
-  pointer-events: none !important;
-  color: transparent !important;
-  &::placeholder,
-  &:placeholder-shown {
-    color: transparent !important;
-  }
-  & * {
-    visibility: hidden !important;
-  }
-}

package/dist/components/skeleton/src/styles/style.module.css.js

@@ -1,8 +0,0 @@
-import './style.module.css';const skeleton = "_skeleton_76sc4_1";
-const s = {
-  skeleton
-};
-export {
-  s as default,
-  skeleton
-};

package/dist/components/text-field/src/styles/style.module.css

@@ -1,31 +0,0 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
-@layer properties {
-  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
-    *, :before, :after, ::backdrop {
-      --tw-border-style: solid;
-    }
-  }
-}
-
-._textField_u6mdl_10 {
-  grid-template-columns: auto 1fr auto;
-  grid-template-areas: "prefix input suffix";
-}
-
-._textField_u6mdl_10:before {
-  pointer-events: none;
-  z-index: 2;
-  border-style: var(--tw-border-style);
-  height: 100%;
-  transform-style: preserve-3d;
-  border-radius: inherit;
-  content: "";
-  border-width: 1px;
-  grid-area: 1 / 1 / 2 / 4;
-}
-
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}

package/dist/components/text-field/src/styles/style.module.css.js

@@ -1,8 +0,0 @@
-import './style.module.css';const textField = "_textField_u6mdl_10";
-const s = {
-  textField
-};
-export {
-  s as default,
-  textField
-};