@jamsrui/utils 0.0.19 → 0.1.0

package/README.md

@@ -2,12 +2,11 @@
 
 **A comprehensive React UI component library designed for developers, with Tailwind CSS integration for seamless styling.**
 
-
 ## 📖 **Overview**
 
 [JamsrUI](https://jamsr-ui.jamsrworld.com) is designed to help developers build modern, fast and visually appealing web applications with ease.
 
-## 🚀 Getting Started 
+## 🚀 Getting Started
 
 Boost & Build your websites using [JamsrUI](https://jamsr-ui.jamsrworld.com).
 
@@ -37,4 +36,3 @@ We welcome contributions from developers of all skill levels!
 ## ⭐ Support the Project
 
 If you find **JamsrUI** helpful, consider giving it a ⭐ on [GitHub](https://github.com/jamsrworld/jamsr-ui).
-

package/dist/attr.d.mts

@@ -1,6 +1,5 @@
-declare const dataAttrDev: (value: string) => string | undefined;
 declare const isDisabledElement: (element: HTMLElement) => boolean;
 type Booleanish = boolean | "true" | "false";
 declare const dataAttr: (condition: boolean | undefined) => Booleanish;
 
-export { dataAttr, dataAttrDev, isDisabledElement };
+export { dataAttr, isDisabledElement };

package/dist/attr.mjs

@@ -1 +1 @@
-const e=t=>process.env.NODE_ENV==="production"?void 0:t,n=t=>t.getAttribute("disabled")!==null||t.getAttribute("aria-disabled")!==null||t.getAttribute("data-disabled")!==null,a=t=>t?"true":void 0;export{a as dataAttr,e as dataAttrDev,n as isDisabledElement};
+const e=t=>t.getAttribute("disabled")!==null||t.getAttribute("aria-disabled")!==null||t.getAttribute("data-disabled")!==null,a=t=>t?"true":void 0;export{a as dataAttr,e as isDisabledElement};

package/dist/cn.mjs

@@ -1 +1 @@
-import s from"clsx";import{extendTailwindMerge as t}from"tailwind-merge";const o=t({extend:{classGroups:{gap:["gap-responsive"],"font-size":["text-size-inherit"],shadow:["shadow-card"]}}}),i=(...e)=>o(s(e));export{i as cn};
+import t from"clsx";import{extendTailwindMerge as e}from"tailwind-merge";const o=e({}),m=(...r)=>o(t(r));export{m as cn};

package/dist/index.d.mts

@@ -1,12 +1,8 @@
-export { ClassProp, ClassValue, TVReturnType, VariantProps, tv } from 'tailwind-variants';
-export { dataAttr, dataAttrDev, isDisabledElement } from './attr.mjs';
+export { dataAttr, isDisabledElement } from './attr.mjs';
 export { cn } from './cn.mjs';
 export { mergeConfigProps, mergeProps } from './merge-props.mjs';
-export { mapPropsVariants, radiusBaseVariant, radiusVariant } from './tv.mjs';
-export { PropGetter, SlotsToClassNames, SlotsToReactNode, UIProps, UnknownTV } from './types.mjs';
-export { absoluteFullClasses, allColors, allVariants, colorVariants, dataFocusVisibleClasses, focusVisibleClasses, groupDataFocusVisibleClasses, ringClasses, translateCenterClasses } from './class-names.mjs';
-export { createConfigContext } from './context.mjs';
+export { mapPropsVariants } from './tv.mjs';
+export { PropGetter, UIProps } from './types.mjs';
 export { TRANSITION_VARIANTS } from './transition.mjs';
 import 'clsx';
 import 'react';
-import 'react/jsx-runtime';

package/dist/index.mjs

@@ -1 +1 @@
-import{tv as r}from"tailwind-variants";import{dataAttr as a,dataAttrDev as o,isDisabledElement as l}from"./attr.mjs";import{cn as i}from"./cn.mjs";import{mergeConfigProps as m,mergeProps as C}from"./merge-props.mjs";import{mapPropsVariants as f,radiusBaseVariant as u,radiusVariant as x}from"./tv.mjs";import{absoluteFullClasses as c,allColors as d,allVariants as y,colorVariants as P,dataFocusVisibleClasses as g,focusVisibleClasses as b,groupDataFocusVisibleClasses as A,ringClasses as N,translateCenterClasses as I}from"./class-names.mjs";import{createConfigContext as S}from"./context.mjs";import{TRANSITION_VARIANTS as F}from"./transition.mjs";export{F as TRANSITION_VARIANTS,c as absoluteFullClasses,d as allColors,y as allVariants,i as cn,P as colorVariants,S as createConfigContext,a as dataAttr,o as dataAttrDev,g as dataFocusVisibleClasses,b as focusVisibleClasses,A as groupDataFocusVisibleClasses,l as isDisabledElement,f as mapPropsVariants,m as mergeConfigProps,C as mergeProps,u as radiusBaseVariant,x as radiusVariant,N as ringClasses,I as translateCenterClasses,r as tv};
+import{dataAttr as e,isDisabledElement as t}from"./attr.mjs";import{cn as m}from"./cn.mjs";import{mergeConfigProps as f,mergeProps as a}from"./merge-props.mjs";import{mapPropsVariants as P}from"./tv.mjs";import{TRANSITION_VARIANTS as n}from"./transition.mjs";export{n as TRANSITION_VARIANTS,m as cn,e as dataAttr,t as isDisabledElement,P as mapPropsVariants,f as mergeConfigProps,a as mergeProps};

package/dist/tv.d.mts

@@ -1,23 +1,3 @@
 declare const mapPropsVariants: <T extends object, R extends readonly (keyof T)[]>(props: T, variantKeys: R) => [Omit<T, R[number]>, Pick<T, R[number]>];
-declare const radiusBaseVariant: {
-    readonly sm: "rounded";
-    readonly md: "rounded-md";
-    readonly lg: "rounded-lg";
-    readonly xl: "rounded-xl";
-    readonly "2xl": "rounded-2xl";
-    readonly "3xl": "rounded-3xl";
-    readonly full: "rounded-full";
-    readonly none: "rounded-none";
-};
-declare const radiusVariant: (name: string | string[], group?: string) => {
-    sm: {};
-    md: {};
-    lg: {};
-    xl: {};
-    "2xl": {};
-    "3xl": {};
-    full: {};
-    none: {};
-};
 
-export { mapPropsVariants, radiusBaseVariant, radiusVariant };
+export { mapPropsVariants };

package/dist/tv.mjs

@@ -1 +1 @@
-import{removeAttrsFromObject as s}from"./object.mjs";const i=(r,e)=>{const o=s(r,[...e]),n={};return e.forEach(d=>{d in r&&(n[d]=r[d])}),[o,n]},m={sm:"rounded",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl","2xl":"rounded-2xl","3xl":"rounded-3xl",full:"rounded-full",none:"rounded-none"},c=(r,e)=>{const o=Array.isArray(r)?r:[r],n=(d,l)=>o.reduce((u,t)=>({...u,[t]:e?`${e}--radius-${l} ${d}`:d}),{});return{sm:n("rounded-sm","sm"),md:n("rounded-md","md"),lg:n("rounded-lg","lg"),xl:n("rounded-xl","xl"),"2xl":n("rounded-2xl","2xl"),"3xl":n("rounded-3xl","3xl"),full:n("rounded-full","full"),none:n("rounded-none","none")}};export{i as mapPropsVariants,m as radiusBaseVariant,c as radiusVariant};
+import{removeAttrsFromObject as n}from"./object.mjs";const s=(e,o)=>{const m=n(e,[...o]),t={};return o.forEach(r=>{r in e&&(t[r]=e[r])}),[m,t]};export{s as mapPropsVariants};

package/dist/types.d.mts

@@ -6,14 +6,5 @@ type UIProps<ElementType extends React.ElementType> = Omit<ComponentPropsWithRef
     render?: React.ReactElement;
 };
 type PropGetter<P = Record<string, unknown>> = (props: P) => P;
-type SlotsToClassNames<S extends string> = {
-    [key in S]?: string;
-};
-type SlotsToReactNode<S extends string> = {
-    [key in S]?: React.ReactElement<{
-        children?: React.ReactNode;
-    }>;
-};
-type UnknownTV = () => unknown;
 
-export type { DataAttributes, PropGetter, SlotsToClassNames, SlotsToReactNode, UIProps, UnknownTV };
+export type { DataAttributes, PropGetter, UIProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jamsrui/utils",
-  "version": "0.0.19",
+  "version": "0.1.0",
   "peerDependencies": {
     "motion": ">=12",
     "react": ">=19"

package/dist/class-names.d.mts

@@ -1,60 +0,0 @@
-type Color = "default" | "primary" | "secondary" | "success" | "warning" | "danger";
-type Variant = "solid" | "bordered" | "text" | "light" | "flat";
-declare const colorVariants: {
-    solid: {
-        default: string;
-        primary: string;
-        secondary: string;
-        success: string;
-        warning: string;
-        danger: string;
-    };
-    bordered: {
-        default: string;
-        primary: string;
-        secondary: string;
-        success: string;
-        warning: string;
-        danger: string;
-    };
-    text: {
-        default: string;
-        primary: string;
-        secondary: string;
-        success: string;
-        warning: string;
-        danger: string;
-    };
-    light: {
-        default: string;
-        primary: string;
-        secondary: string;
-        success: string;
-        warning: string;
-        danger: string;
-    };
-    flat: {
-        default: string;
-        primary: string;
-        secondary: string;
-        success: string;
-        warning: string;
-        danger: string;
-    };
-};
-declare const allColors: Color[];
-declare const allVariants: Variant[];
-/**
- * focus classNames when the element is focused by keyboard.
- */
-declare const focusVisibleClasses: string[];
-declare const dataFocusVisibleClasses: string[];
-declare const groupDataFocusVisibleClasses: string[];
-declare const ringClasses: string[];
-/**
- * This classes centers the element by using absolute positioning.
- */
-declare const translateCenterClasses: string[];
-declare const absoluteFullClasses: string[];
-
-export { absoluteFullClasses, allColors, allVariants, colorVariants, dataFocusVisibleClasses, focusVisibleClasses, groupDataFocusVisibleClasses, ringClasses, translateCenterClasses };

package/dist/class-names.mjs

@@ -1 +0,0 @@
-const e={default:"bg-default border-default text-default-foreground data-hover:bg-default-hover data-pressed:bg-default-active",primary:"bg-primary border-primary text-primary-foreground data-hover:bg-primary-hover data-pressed:bg-primary-active",secondary:"bg-secondary border-secondary text-secondary-foreground data-hover:bg-secondary-hover data-pressed:bg-secondary-active",success:"bg-success border-success text-success-foreground data-hover:bg-success-hover data-pressed:bg-success-active",warning:"bg-warning border-warning text-warning-foreground data-hover:bg-warning-hover data-pressed:bg-warning-active",danger:"bg-danger border-danger text-danger-foreground data-hover:bg-danger-hover data-pressed:bg-danger-active"},a={default:"bg-transparent border-default text-foreground data-hover:bg-default-flat data-pressed:bg-default-flat-active",primary:"bg-transparent border-primary text-primary data-hover:bg-primary-flat data-pressed:bg-primary-flat-active",secondary:"bg-transparent border-secondary text-secondary data-hover:bg-secondary-flat data-pressed:bg-secondary-flat-active",success:"bg-transparent border-success text-success data-hover:bg-success-flat data-pressed:bg-success-flat-active",warning:"bg-transparent border-warning text-warning data-hover:bg-warning-flat data-pressed:bg-warning-flat-active",danger:"bg-transparent border-danger text-danger data-hover:bg-danger-flat data-pressed:bg-danger-flat-active"},r={default:"text-foreground data-hover:opacity-90",primary:"text-primary data-hover:text-primary-hover",secondary:"text-secondary data-hover:text-secondary-hover",success:"text-success data-hover:text-success-hover",warning:"text-warning data-hover:text-warning-hover",danger:"text-danger data-hover:text-danger-hover"},t={default:"bg-transparent text-foreground data-hover:bg-default-flat-hover data-pressed:bg-foreground-flat-active",primary:"bg-transparent text-primary data-hover:bg-primary-flat-hover data-pressed:bg-primary-flat-active",secondary:"bg-transparent text-secondary data-hover:bg-secondary-flat-hover data-pressed:bg-secondary-flat-active",success:"bg-transparent text-success data-hover:bg-success-flat-hover data-pressed:bg-success-flat-active",warning:"bg-transparent text-warning data-hover:bg-warning-flat-hover data-pressed:bg-warning-flat-active",danger:"bg-transparent text-danger data-hover:bg-danger-flat-hover data-pressed:bg-danger-flat-active"},s={default:"bg-default-flat-hover text-foreground data-hover:bg-default-flat data-pressed:bg-default-flat-active",primary:"bg-primary-flat-hover text-primary data-hover:bg-primary-flat data-pressed:bg-primary-flat-active",secondary:"bg-secondary-flat-hover text-secondary data-hover:bg-secondary-flat data-pressed:bg-secondary-flat-active",success:"bg-success-flat-hover text-success data-hover:bg-success-flat data-pressed:bg-success-flat-active",warning:"bg-warning-flat-hover text-warning data-hover:bg-warning-flat data-pressed:bg-warning-flat-active",danger:"bg-danger-flat-hover text-danger data-hover:bg-danger-flat data-pressed:bg-danger-flat-active"},o={solid:e,bordered:a,text:r,light:t,flat:s},d=["default","primary","secondary","success","warning","danger"],n=["solid","bordered","text","light","flat"],i=["focus-visible:outline-solid","focus-visible:z-10","focus-visible:outline-2","focus-visible:outline-focus","focus-visible:outline-offset-2"],g=["outline-none","data-[focus-visible=true]:z-10","data-[focus-visible=true]:outline-2","data-[focus-visible=true]:outline-solid","data-[focus-visible=true]:outline-focus","data-[focus-visible=true]:outline-offset-2"],c=["outline-none","uig-focus-visible:z-10","uig-focus-visible:ring-2","uig-focus-visible:ring-focus","uig-focus-visible:ring-offset-2","uig-focus-visible:ring-offset-background"],l=["outline-none","ring-2","ring-focus","ring-offset-2","ring-offset-background"],f=["absolute","top-1/2","left-1/2","-translate-x-1/2","-translate-y-1/2"],b=["absolute","inset-0"];export{b as absoluteFullClasses,d as allColors,n as allVariants,o as colorVariants,g as dataFocusVisibleClasses,i as focusVisibleClasses,c as groupDataFocusVisibleClasses,l as ringClasses,f as translateCenterClasses};

package/dist/context.d.mts

@@ -1,10 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare const createConfigContext: <T extends Record<string, any>>({ displayName, }: {
-    displayName: string;
-}) => readonly [(props: Omit<Partial<T>, "children"> & {
-    merge?: boolean;
-    children: React.ReactNode;
-}) => react_jsx_runtime.JSX.Element, () => T];
-
-export { createConfigContext };

package/dist/context.mjs

@@ -1 +0,0 @@
-"use client";import{jsx as p}from"react/jsx-runtime";import{createContext as g,use as m}from"react";import{mergeProps as l}from"./merge-props.mjs";const P=({displayName:t})=>{const e=g({});e.displayName=t;const n=()=>m(e);return[r=>{const{merge:s=!0,...o}=r,i=n(),a=s?l(i,o):o,{children:c,...d}=a;return p(e,{value:d,children:c})},n]};export{P as createConfigContext};