@agentero/design-system 0.25.3 → 0.26.0

package/src/input/input.js

@@ -0,0 +1,35 @@
+import { cn as e } from "../../lib/utils.js";
+import { tv as t } from "tailwind-variants";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/input/input.tsx
+var r = t({
+	base: [
+		"box-border w-full min-w-0 appearance-none rounded-md px-4 shadow-sm",
+		"border border-solid border-border-input-default bg-bg-input-normal text-text-input-normal",
+		"placeholder:text-text-input-placeholder placeholder-shown:text-ellipsis",
+		"outline-0 -outline-offset-1 outline-[transparent]",
+		"transition-[color,box-shadow,outline-color,outline-offset,outline-width] duration-75",
+		"focus-visible:border-border-input-focus focus-visible:outline-border-input-focus",
+		"focus-visible:outline-[0.125rem] focus-visible:outline-offset-[-0.0625rem]",
+		"aria-invalid:border-border-input-destructive",
+		"aria-invalid:focus-visible:border-border-input-destructive",
+		"aria-invalid:focus-visible:outline-border-input-destructive",
+		"disabled:cursor-default disabled:border-border-input-disable disabled:bg-bg-input-disable",
+		"disabled:text-text-input-disable disabled:shadow-none",
+		"disabled:placeholder:text-text-input-disable"
+	],
+	variants: { size: {
+		sm: "h-8 text-sm",
+		md: "h-10 text-sm",
+		lg: "h-12 rounded-lg text-base"
+	} },
+	defaultVariants: { size: "md" }
+}), i = ({ className: t, size: i, ...a }) => /* @__PURE__ */ n("input", {
+	"data-slot": "input",
+	"data-size": i,
+	className: e(r({ size: i }), t),
+	...a
+});
+i.displayName = "Input";
+//#endregion
+export { i as Input, r as inputRecipe };

package/src/pagination/pagination.js

@@ -17,9 +17,7 @@ var l = o({
 			"min-w-8 h-8 px-1",
 			"border border-solid border-transparent",
 			"bg-bg-button-ghost-enable text-text-button-ghost-enable",
-			"transition-[background-color,border-color,color,transform] duration-150",
-			"motion-safe:active:[transform:scale(0.97)]",
-			"motion-safe:active:ease-out-expo",
+			"transition-[background-color,border-color,color] duration-150",
 			"disabled:pointer-events-none disabled:opacity-30",
 			"focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-[0.0625rem] focus-visible:outline-focus-ring-button-primary",
 			"hover:not-aria-[current=page]:border-border-button-secondary-enable hover:not-aria-[current=page]:shadow-1",

package/src/table/index.d.ts

@@ -40,6 +40,7 @@ export declare const Table: {
             rounded?: boolean;
             align?: "center" | "start" | "end" | "justify";
             fitContent?: boolean;
+            scaleOnPress?: boolean;
             ref?: import('react').Ref<HTMLButtonElement | HTMLAnchorElement>;
         } & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
             asChild?: boolean;