@stackshift-ui/toggle 1.0.0-beta.4 → 1.0.0-beta.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stackshift-ui/toggle",
   "description": "A two-state button that can be either on or off.",
-  "version": "1.0.0-beta.4",
+  "version": "1.0.0-beta.5",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -36,11 +36,11 @@
     "@radix-ui/react-toggle": "^1.1.9",
     "class-variance-authority": "^0.7.1",
     "classnames": "^2.5.1",
-    "@stackshift-ui/scripts": "6.1.0-beta.2",
-    "@stackshift-ui/system": "6.1.0-beta.3"
+    "@stackshift-ui/scripts": "7.0.0-beta.3",
+    "@stackshift-ui/system": "7.0.0-beta.4"
   },
   "peerDependencies": {
-    "@stackshift-ui/system": ">=6.1.0-beta.3",
+    "@stackshift-ui/system": ">=7.0.0-beta.4",
     "@types/react": "16.8 - 19",
     "next": "10 - 14",
     "react": "16.8 - 19",

package/src/toggle.tsx

@@ -9,7 +9,7 @@ import { cn, DefaultComponent, useStackShiftUIComponents } from "@stackshift-ui/
 const displayName = "Toggle";
 
 const toggleVariants = cva(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
+  "inline-flex items-center justify-center gap-2 rounded-md font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
   {
     variants: {
       variant: {
@@ -18,9 +18,9 @@ const toggleVariants = cva(
           "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground",
       },
       size: {
-        default: "h-9 px-2 min-w-9",
-        sm: "h-8 px-1.5 min-w-8",
-        lg: "h-10 px-2.5 min-w-10",
+        default: "h-9 px-3 min-w-9 text-sm",
+        sm: "h-7 px-2 min-w-7 text-xs",
+        lg: "h-11 px-4 min-w-11 text-base",
       },
     },
     defaultVariants: {

package/dist/chunk-IADJHCE2.mjs

@@ -1 +0,0 @@
-import*as e from"@radix-ui/react-toggle";import{cva as s}from"class-variance-authority";import{cn as d,DefaultComponent as g,useStackShiftUIComponents as l}from"@stackshift-ui/system";import{jsx as m}from"react/jsx-runtime";var t="Toggle",c=s("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",{variants:{variant:{default:"bg-transparent",outline:"border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"},size:{default:"h-9 px-2 min-w-9",sm:"h-8 px-1.5 min-w-8",lg:"h-10 px-2.5 min-w-10"}},defaultVariants:{variant:"default",size:"default"}});function p({className:o,variant:i,size:n,...a}){let{[t]:r=g}=l();return m(r,{as:e.Root,"data-slot":"toggle",className:d(c({variant:i,size:n,className:o})),...a})}p.displayName=t;export{c as a,p as b};

package/dist/chunk-RXQTONXM.mjs

@@ -1,49 +0,0 @@
-// src/toggle.tsx
-import * as TogglePrimitive from "@radix-ui/react-toggle";
-import { cva } from "class-variance-authority";
-import { cn, DefaultComponent, useStackShiftUIComponents } from "@stackshift-ui/system";
-import { jsx } from "react/jsx-runtime";
-var displayName = "Toggle";
-var toggleVariants = cva(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
-      },
-      size: {
-        default: "h-9 px-2 min-w-9",
-        sm: "h-8 px-1.5 min-w-8",
-        lg: "h-10 px-2.5 min-w-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Toggle({
-  className,
-  variant,
-  size,
-  ...props
-}) {
-  const { [displayName]: Component = DefaultComponent } = useStackShiftUIComponents();
-  return /* @__PURE__ */ jsx(
-    Component,
-    {
-      as: TogglePrimitive.Root,
-      "data-slot": "toggle",
-      className: cn(toggleVariants({ variant, size, className })),
-      ...props
-    }
-  );
-}
-Toggle.displayName = displayName;
-
-export {
-  toggleVariants,
-  Toggle
-};

package/dist/index.d.ts

@@ -1 +0,0 @@
-export * from "./toggle";

package/dist/index.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";var u=Object.create;var r=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var x=(e,t)=>{for(var o in t)r(e,o,{get:t[o],enumerable:!0})},s=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of f(t))!h.call(e,i)&&i!==o&&r(e,i,{get:()=>t[i],enumerable:!(a=v(t,i))||a.enumerable});return e};var w=(e,t,o)=>(o=e!=null?u(b(e)):{},s(t||!e||!e.__esModule?r(o,"default",{value:e,enumerable:!0}):o,e)),y=e=>s(r({},"__esModule",{value:!0}),e);var P={};x(P,{Toggle:()=>p,toggleVariants:()=>c});module.exports=y(P);var d=w(require("@radix-ui/react-toggle")),g=require("class-variance-authority"),n=require("@stackshift-ui/system"),m=require("react/jsx-runtime"),l="Toggle",c=(0,g.cva)("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",{variants:{variant:{default:"bg-transparent",outline:"border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"},size:{default:"h-9 px-2 min-w-9",sm:"h-8 px-1.5 min-w-8",lg:"h-10 px-2.5 min-w-10"}},defaultVariants:{variant:"default",size:"default"}});function p({className:e,variant:t,size:o,...a}){let{[l]:i=n.DefaultComponent}=(0,n.useStackShiftUIComponents)();return(0,m.jsx)(i,{as:d.Root,"data-slot":"toggle",className:(0,n.cn)(c({variant:t,size:o,className:e})),...a})}p.displayName=l;0&&(module.exports={Toggle,toggleVariants});

package/dist/index.mjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";import{a as e,b as o}from"./chunk-IADJHCE2.mjs";export{o as Toggle,e as toggleVariants};

package/dist/toggle.d.ts

@@ -1,12 +0,0 @@
-import * as TogglePrimitive from "@radix-ui/react-toggle";
-import { type VariantProps } from "class-variance-authority";
-import * as React from "react";
-declare const toggleVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
-declare namespace Toggle {
-    var displayName: string;
-}
-export { Toggle, toggleVariants };

package/dist/toggle.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";var u=Object.create;var r=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var x=(e,t)=>{for(var o in t)r(e,o,{get:t[o],enumerable:!0})},s=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of f(t))!h.call(e,i)&&i!==o&&r(e,i,{get:()=>t[i],enumerable:!(a=v(t,i))||a.enumerable});return e};var w=(e,t,o)=>(o=e!=null?u(b(e)):{},s(t||!e||!e.__esModule?r(o,"default",{value:e,enumerable:!0}):o,e)),y=e=>s(r({},"__esModule",{value:!0}),e);var P={};x(P,{Toggle:()=>p,toggleVariants:()=>c});module.exports=y(P);var d=w(require("@radix-ui/react-toggle")),g=require("class-variance-authority"),n=require("@stackshift-ui/system"),m=require("react/jsx-runtime"),l="Toggle",c=(0,g.cva)("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",{variants:{variant:{default:"bg-transparent",outline:"border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"},size:{default:"h-9 px-2 min-w-9",sm:"h-8 px-1.5 min-w-8",lg:"h-10 px-2.5 min-w-10"}},defaultVariants:{variant:"default",size:"default"}});function p({className:e,variant:t,size:o,...a}){let{[l]:i=n.DefaultComponent}=(0,n.useStackShiftUIComponents)();return(0,m.jsx)(i,{as:d.Root,"data-slot":"toggle",className:(0,n.cn)(c({variant:t,size:o,className:e})),...a})}p.displayName=l;0&&(module.exports={Toggle,toggleVariants});

package/dist/toggle.mjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";import{a,b}from"./chunk-IADJHCE2.mjs";export{b as Toggle,a as toggleVariants};