@nattstack/ui 0.0.84 → 0.0.86

package/dist/components/textarea/textarea.css

@@ -0,0 +1,9 @@
+@layer components {
+  .textarea-module_textarea_jT_oOq {
+    resize: vertical;
+    height: auto;
+    min-height: 66px;
+    max-height: none;
+    padding: 12px;
+  }
+}

package/dist/components/textarea/textarea.d.ts

@@ -0,0 +1,17 @@
+import { ComponentProps, JSX } from "react";
+//#region src/components/textarea/textarea.d.ts
+interface TextareaProps extends Omit<ComponentProps<"textarea">, "aria-pressed" | "disabled" | "readOnly" | "required"> {
+  isActive?: boolean;
+  isDisabled?: boolean;
+  isInvalid?: boolean;
+  isReadOnly?: boolean;
+  isRequired?: boolean;
+  isRounded?: boolean;
+  isValid?: boolean;
+}
+declare function Textarea(props: TextareaProps): JSX.Element;
+declare const textareaVariants: (props?: ({
+  isRounded?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+export { Textarea, TextareaProps, textareaVariants };

package/dist/components/textarea/textarea.js

@@ -0,0 +1,31 @@
+import input_module_default from "../input/input.module.js";
+import textarea_module_default from "./textarea.module.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/textarea/textarea.tsx
+function Textarea(props) {
+	const { className: customClassName = "", isActive = false, isDisabled = false, isInvalid = void 0, isReadOnly = false, isRequired = false, isRounded = false, isValid = void 0, rows = 2, ...rest } = props;
+	return /* @__PURE__ */ jsx("textarea", {
+		className: textareaVariants({
+			className: customClassName,
+			isRounded
+		}),
+		"data-is-active": isActive,
+		"data-is-invalid": isInvalid,
+		"data-is-valid": isValid,
+		disabled: isDisabled,
+		readOnly: isReadOnly,
+		required: isRequired,
+		rows,
+		...rest
+	});
+}
+const textareaVariants = cva([input_module_default.input, textarea_module_default.textarea], {
+	defaultVariants: { isRounded: false },
+	variants: { isRounded: {
+		false: input_module_default.input__rounded_base,
+		true: input_module_default.input__rounded_full
+	} }
+});
+//#endregion
+export { Textarea, textareaVariants };

package/dist/components/textarea/textarea.module.js

@@ -0,0 +1,5 @@
+import './textarea.css';
+//#region src/components/textarea/textarea.module.css
+var textarea_module_default = { "textarea": "textarea-module_textarea_jT_oOq" };
+//#endregion
+export { textarea_module_default as default };

package/dist/components/toggle-group/toggle-group-item.css

@@ -0,0 +1,47 @@
+@layer components {
+  .toggle-group-item-module_toggle_group_item_Q7Q0iq {
+    color: var(--color-text-secondary);
+    cursor: pointer;
+    outline-color: var(--color-outline);
+    outline-offset: 2px;
+    user-select: none;
+    background-color: #0000;
+    border-radius: 10px;
+    outline-width: 0;
+    outline-style: solid;
+    justify-content: center;
+    align-items: center;
+    column-gap: 8px;
+    padding: 8px 12px;
+    font-size: 14px;
+    font-weight: 500;
+    transition-property: background-color, box-shadow, color;
+    transition-duration: .15s;
+    display: flex;
+  }
+
+  .toggle-group-item-module_toggle_group_item_Q7Q0iq:focus-visible {
+    outline-width: 2px;
+  }
+
+  .toggle-group-item-module_toggle_group_item_Q7Q0iq:hover:not(:disabled) {
+    background-color: var(--color-gray-4);
+  }
+
+  .toggle-group-item-module_toggle_group_item_Q7Q0iq:disabled {
+    cursor: not-allowed;
+    opacity: .5;
+  }
+
+  .toggle-group-item-module_toggle_group_item_Q7Q0iq[data-pressed] {
+    background-color: var(--color-gray-3);
+    box-shadow: inset 0 0 0 1px var(--color-primary);
+    color: var(--color-text-primary);
+  }
+
+  .toggle-group-item-module_toggle_group_item_Q7Q0iq > svg {
+    --size-icon: 16px;
+    height: var(--size-icon);
+    width: var(--size-icon);
+  }
+}

package/dist/components/toggle-group/toggle-group-item.d.ts

@@ -0,0 +1,11 @@
+import { Toggle } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/toggle-group/toggle-group-item.d.ts
+interface ToggleGroupItemProps extends Omit<Toggle.Props, "disabled" | "nativeButton"> {
+  isDisabled?: Toggle.Props["disabled"];
+  isNativeButton?: Toggle.Props["nativeButton"];
+}
+declare function ToggleGroupItem(props: ToggleGroupItemProps): JSX.Element;
+declare const toggleGroupItemVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//#endregion
+export { ToggleGroupItem, ToggleGroupItemProps, toggleGroupItemVariants };

package/dist/components/toggle-group/toggle-group-item.js

@@ -0,0 +1,18 @@
+import toggle_group_item_module_default from "./toggle-group-item.module.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { Toggle } from "@base-ui/react";
+//#region src/components/toggle-group/toggle-group-item.tsx
+function ToggleGroupItem(props) {
+	const { className: customClassName = "", isDisabled = false, isNativeButton = true, ...rest } = props;
+	return /* @__PURE__ */ jsx(Toggle, {
+		className: toggleGroupItemVariants({ className: customClassName }),
+		"data-slot": "toggle-group-item",
+		disabled: isDisabled,
+		nativeButton: isNativeButton,
+		...rest
+	});
+}
+const toggleGroupItemVariants = cva(toggle_group_item_module_default.toggle_group_item);
+//#endregion
+export { ToggleGroupItem, toggleGroupItemVariants };

package/dist/components/toggle-group/toggle-group-item.module.js

@@ -0,0 +1,5 @@
+import './toggle-group-item.css';
+//#region src/components/toggle-group/toggle-group-item.module.css
+var toggle_group_item_module_default = { "toggle_group_item": "toggle-group-item-module_toggle_group_item_Q7Q0iq" };
+//#endregion
+export { toggle_group_item_module_default as default };

package/dist/components/toggle-group/toggle-group.css

@@ -0,0 +1,7 @@
+@layer components {
+  .toggle-group-module_toggle_group_cgldTq {
+    flex-wrap: wrap;
+    gap: 8px;
+    display: flex;
+  }
+}

package/dist/components/toggle-group/toggle-group.d.ts

@@ -0,0 +1,12 @@
+import { ToggleGroup } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/toggle-group/toggle-group.d.ts
+interface ToggleGroupProps extends Omit<ToggleGroup.Props, "disabled" | "loopFocus" | "multiple"> {
+  isDisabled?: ToggleGroup.Props["disabled"];
+  isLoopFocus?: ToggleGroup.Props["loopFocus"];
+  isMultiple?: ToggleGroup.Props["multiple"];
+}
+declare function ToggleGroup$1(props: ToggleGroupProps): JSX.Element;
+declare const toggleGroupVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//#endregion
+export { ToggleGroup$1 as ToggleGroup, ToggleGroupProps, toggleGroupVariants };

package/dist/components/toggle-group/toggle-group.js

@@ -0,0 +1,19 @@
+import toggle_group_module_default from "./toggle-group.module.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { ToggleGroup } from "@base-ui/react";
+//#region src/components/toggle-group/toggle-group.tsx
+function ToggleGroup$1(props) {
+	const { className: customClassName = "", isDisabled = false, isLoopFocus = true, isMultiple = false, ...rest } = props;
+	return /* @__PURE__ */ jsx(ToggleGroup, {
+		className: toggleGroupVariants({ className: customClassName }),
+		"data-slot": "toggle-group",
+		disabled: isDisabled,
+		loopFocus: isLoopFocus,
+		multiple: isMultiple,
+		...rest
+	});
+}
+const toggleGroupVariants = cva(toggle_group_module_default.toggle_group);
+//#endregion
+export { ToggleGroup$1 as ToggleGroup, toggleGroupVariants };

package/dist/components/toggle-group/toggle-group.module.js

@@ -0,0 +1,5 @@
+import './toggle-group.css';
+//#region src/components/toggle-group/toggle-group.module.css
+var toggle_group_module_default = { "toggle_group": "toggle-group-module_toggle_group_cgldTq" };
+//#endregion
+export { toggle_group_module_default as default };

package/dist/components/tooltip/tooltip-popup.css

@@ -0,0 +1,32 @@
+@layer components {
+  .tooltip-popup-module_tooltip_popup_SLo08q {
+    background-color: var(--color-gray-dark-1);
+    color: var(--color-gray-dark-12);
+    transform-origin: var(--transform-origin);
+    border-radius: 8px;
+    padding: 4px 8px;
+    font-size: 13px;
+    font-weight: 500;
+    transition-property: opacity, scale;
+    transition-duration: .15s;
+    box-shadow: 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a;
+  }
+
+  .tooltip-popup-module_tooltip_popup_SLo08q[data-ending-style], .tooltip-popup-module_tooltip_popup_SLo08q[data-starting-style] {
+    opacity: 0;
+    scale: .975;
+  }
+
+  .tooltip-popup-module_tooltip_popup_SLo08q[data-instant] {
+    transition: none;
+  }
+
+  .tooltip-popup-module_tooltip_popup_portal_SLo08q {
+    z-index: 50;
+  }
+
+  .dark .tooltip-popup-module_tooltip_popup_SLo08q {
+    background-color: var(--color-gray-light-1);
+    color: var(--color-gray-light-12);
+  }
+}

package/dist/components/tooltip/tooltip-popup.d.ts

@@ -0,0 +1,8 @@
+import { Tooltip } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/tooltip/tooltip-popup.d.ts
+interface TooltipPopupProps extends Pick<Tooltip.Positioner.Props, "side" | "sideOffset">, Tooltip.Popup.Props {}
+declare function TooltipPopup(props: TooltipPopupProps): JSX.Element;
+declare const tooltipPopupVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//#endregion
+export { TooltipPopup, TooltipPopupProps, tooltipPopupVariants };

package/dist/components/tooltip/tooltip-popup.js

@@ -0,0 +1,25 @@
+import tooltip_popup_module_default from "./tooltip-popup.module.js";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react";
+//#region src/components/tooltip/tooltip-popup.tsx
+function TooltipPopup(props) {
+	const { children = "", className: customClassName = "", side = "top", sideOffset = 4, ...rest } = props;
+	const combinedClassName = tooltipPopupVariants({ className: customClassName });
+	return /* @__PURE__ */ jsx(Tooltip.Portal, {
+		className: tooltip_popup_module_default.tooltip_popup_portal,
+		children: /* @__PURE__ */ jsxs(Tooltip.Positioner, {
+			side,
+			sideOffset,
+			children: [/* @__PURE__ */ jsx(Tooltip.Popup, {
+				className: combinedClassName,
+				"data-slot": "tooltip-popup",
+				...rest,
+				children
+			}), /* @__PURE__ */ jsx(Tooltip.Arrow, {})]
+		})
+	});
+}
+const tooltipPopupVariants = cva(tooltip_popup_module_default.tooltip_popup);
+//#endregion
+export { TooltipPopup, tooltipPopupVariants };

package/dist/components/tooltip/tooltip-popup.module.js

@@ -0,0 +1,8 @@
+import './tooltip-popup.css';
+//#region src/components/tooltip/tooltip-popup.module.css
+var tooltip_popup_module_default = {
+	"tooltip_popup": "tooltip-popup-module_tooltip_popup_SLo08q",
+	"tooltip_popup_portal": "tooltip-popup-module_tooltip_popup_portal_SLo08q"
+};
+//#endregion
+export { tooltip_popup_module_default as default };

package/dist/components/tooltip/tooltip-provider.d.ts

@@ -0,0 +1,7 @@
+import { Tooltip } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/tooltip/tooltip-provider.d.ts
+interface TooltipProviderProps extends Tooltip.Provider.Props {}
+declare function TooltipProvider(props: TooltipProviderProps): JSX.Element;
+//#endregion
+export { TooltipProvider, TooltipProviderProps };

package/dist/components/tooltip/tooltip-provider.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react";
+//#region src/components/tooltip/tooltip-provider.tsx
+function TooltipProvider(props) {
+	const { ...rest } = props;
+	return /* @__PURE__ */ jsx(Tooltip.Provider, {
+		"data-slot": "tooltip-provider",
+		...rest
+	});
+}
+//#endregion
+export { TooltipProvider };

package/dist/components/tooltip/tooltip-trigger.d.ts

@@ -0,0 +1,7 @@
+import { Tooltip } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/tooltip/tooltip-trigger.d.ts
+interface TooltipTriggerProps extends Tooltip.Trigger.Props {}
+declare function TooltipTrigger(props: TooltipTriggerProps): JSX.Element;
+//#endregion
+export { TooltipTrigger, TooltipTriggerProps };

package/dist/components/tooltip/tooltip-trigger.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react";
+//#region src/components/tooltip/tooltip-trigger.tsx
+function TooltipTrigger(props) {
+	const { ...rest } = props;
+	return /* @__PURE__ */ jsx(Tooltip.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...rest
+	});
+}
+//#endregion
+export { TooltipTrigger };

package/dist/components/tooltip/tooltip.d.ts

@@ -0,0 +1,10 @@
+import { Tooltip } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/tooltip/tooltip.d.ts
+interface TooltipProps extends Omit<Tooltip.Root.Props, "disabled"> {
+  isDisabled?: Tooltip.Root.Props["disabled"];
+  isDisableHoverablePopup?: Tooltip.Root.Props["disableHoverablePopup"];
+}
+declare function Tooltip$1(props: TooltipProps): JSX.Element;
+//#endregion
+export { Tooltip$1 as Tooltip, TooltipProps };

package/dist/components/tooltip/tooltip.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react";
+//#region src/components/tooltip/tooltip.tsx
+function Tooltip$1(props) {
+	const { isDisabled = false, isDisableHoverablePopup = true, ...rest } = props;
+	return /* @__PURE__ */ jsx(Tooltip.Root, {
+		"data-slot": "tooltip",
+		disabled: isDisabled,
+		disableHoverablePopup: isDisableHoverablePopup,
+		...rest
+	});
+}
+//#endregion
+export { Tooltip$1 as Tooltip };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nattstack/ui",
-  "version": "0.0.84",
+  "version": "0.0.86",
   "description": "A collection of reusable React components built with Base UI, TypeScript, and CSS Modules",
   "keywords": [
     "base-ui",
@@ -23,6 +23,9 @@
     "dist"
   ],
   "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
   "exports": {
     ".": {
       "types": "./dist/components/index.d.ts",
@@ -49,9 +52,9 @@
     "class-variance-authority": "0.7.1"
   },
   "devDependencies": {
-    "@tsdown/css": "0.22.3",
+    "@tsdown/css": "0.22.4",
     "@types/bun": "1.3.14",
-    "tsdown": "0.22.3",
+    "tsdown": "0.22.4",
     "typescript": "6.0.3"
   },
   "peerDependencies": {