@jamsrui/input-group 0.0.2

package/README.md

@@ -0,0 +1,40 @@
+# 🚀 **JamsrUI**
+
+**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 
+
+Boost & Build your websites using [JamsrUI](https://jamsr-ui.jamsrworld.com).
+
+## ✨ Features
+
+- 🚀 **Production-Ready**: Optimized for modern React projects.
+- 🎨 **Customizable**: Easily override styles and themes.
+- 🛠️ **Reusable Components**: Save time with prebuilt, efficient UI elements.
+- ⚡ **Developer-Friendly**: Simple API and well-documented usage.
+- 📦 **Lightweight**: Minimal dependencies for fast performance.
+- 🖥️ **Modern Design**: Clean, responsive, and user-friendly components.
+
+## 🌱 Community
+
+We’re thrilled to see the community actively engage with **JamsrUI**! Whether you're sharing feedback, reporting bugs, requesting features, or showcasing projects built with JamsrUI, your involvement helps us grow and improve.
+
+### How to Engage
+
+- 💬 **Report Bugs**: [GitHub Issues](https://github.com/jamsrworld/jamsr-ui/issues)
+- 🚀 **Request Features**: Share ideas for new components.
+- 🤝 **Showcase Projects**: Let us know how you use JamsrUI.
+
+## Contributing
+
+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/chunk-DI2Q7SWM.mjs

@@ -0,0 +1 @@
+import{radiusVariant as r,tv as o}from"@jamsrui/utils";var t=o({slots:{root:["input-group flex items-center group overflow-hidden","uig-disabled:cursor-not-allowed uig-disabled:opacity-60","not-uig-invalid:uig-focus:border-primary uig-focus:ring-primary","not-uig-invalid:uig-hover:border-divider-dark"],prefix:"input__prefix pl-3 text-sm text-foreground-secondary select-none",suffix:"input__suffix pr-3 text-sm text-foreground-secondary select-none"},variants:{variant:{bordered:{root:"border border-divider focus-within:border-focus"},solid:{root:"bg-surface hover:bg-surface/90"}},isInvalid:{true:{root:"input--invalid",input:"border-danger"}},radius:r("root")},defaultVariants:{isInvalid:!1,radius:"md",variant:"bordered"}});export{t as a};

package/dist/chunk-HOCCJTBA.mjs

@@ -0,0 +1 @@
+import{a as t}from"./chunk-VOXCJOHF.mjs";import{a as p}from"./chunk-PKC446O7.mjs";import{a as u}from"./chunk-INXP3MXO.mjs";import{jsx as r}from"react/jsx-runtime";var s=o=>{let n=u(o);return r(p,{value:n,children:r(t,{children:o.children})})};export{s as a};

package/dist/chunk-INXP3MXO.mjs

@@ -0,0 +1 @@
+import{a as p}from"./chunk-DI2Q7SWM.mjs";import{useCallback as n,useMemo as T}from"react";import{useFocus as b,useFocusVisible as E,useHover as y,useMergeRefs as D}from"@jamsrui/hooks";import{cn as u,dataAttr as o,dataAttrDev as a,mapPropsVariants as L}from"@jamsrui/utils";var j=I=>{let[v,r]=L(I,p.variantKeys),{ref:G,className:V,...M}=v,e=p(r),i=r.isInvalid,s=!1,{isFocused:c,ref:g}=b({isDisabled:s}),{isFocusVisible:f,ref:N}=E({isDisabled:s}),{isHovered:l,ref:H}=y({isDisabled:s}),F=D([G,g,N,H]),R=t=>{if(t.target.closest("input, textarea"))return;let x=t.currentTarget.querySelector("input, textarea");x&&(x.focus(),t.preventDefault())},m=n(t=>({"data-component":a("input-group"),"data-slot":a("root"),"data-focused":o(c),"data-focus-visible":o(f),"data-hovered":o(l),"data-disabled":o(s),"aria-disabled":o(s),"data-invalid":o(i),onMouseDown:R,...M,className:e.root({className:u(t.className)})}),[s,f,c,l,i,e]),d=n(t=>({"data-slot":a("prefix"),...t,className:e.prefix({className:u(t.className)})}),[e]),P=n(t=>({"data-slot":a("suffix"),...t,className:e.suffix({className:u(t.className)})}),[e]);return T(()=>({getRootProps:m,getPrefixProps:d,getSuffixProps:P,variantProps:r}),[m,d,P,r])};export{j as a};

package/dist/chunk-JC45OFBY.mjs

@@ -0,0 +1 @@
+import{b as e}from"./chunk-PKC446O7.mjs";import{useRenderElement as o}from"@jamsrui/hooks";var s=r=>{let{getSuffixProps:t}=e();return o("div",{props:[t(r)]})};export{s as a};

package/dist/chunk-OA76GBK6.mjs

@@ -0,0 +1 @@
+import{b as e}from"./chunk-PKC446O7.mjs";import{useRenderElement as o}from"@jamsrui/hooks";var u=r=>{let{getPrefixProps:t}=e();return o("div",{props:[t(r)]})};export{u as a};

package/dist/chunk-PKC446O7.mjs

@@ -0,0 +1 @@
+import{createContext as n,use as e}from"react";var o=n(null),u=()=>{let t=e(o);if(!t)throw new Error("useInputGroupContext must be used within InputGroupContextProvider");return t},p=()=>e(o);export{o as a,u as b,p as c};

package/dist/chunk-VOXCJOHF.mjs

@@ -0,0 +1 @@
+import{b as o}from"./chunk-PKC446O7.mjs";import{useRenderElement as e}from"@jamsrui/hooks";var u=r=>{let{getRootProps:t}=o();return e("div",{props:[t(r)]})};export{u as a};

package/dist/index.d.mts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { InputGroup as InputGroup$1 } from './input-group.mjs';
+import { InputGroupPrefix } from './input-group-prefix.mjs';
+import { InputGroupSuffix } from './input-group-suffix.mjs';
+export { useInputGroup } from './use-input-group.mjs';
+export { InputGroupContext, useInputGroupContext, useInputGroupContextOpt } from './input-group-context.mjs';
+import '@jamsrui/utils';
+import './input-group-root.mjs';
+import './styles.mjs';
+
+declare const InputGroup: ((props: InputGroup$1.Props) => react_jsx_runtime.JSX.Element) & {
+    Root: (props: InputGroup$1.Props) => react_jsx_runtime.JSX.Element;
+    Prefix: (props: InputGroupPrefix.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+    Suffix: (props: InputGroupSuffix.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+};
+
+export { InputGroup };

package/dist/index.mjs

@@ -0,0 +1 @@
+import{a as p}from"./chunk-OA76GBK6.mjs";import{a as t}from"./chunk-JC45OFBY.mjs";import{a as o}from"./chunk-HOCCJTBA.mjs";import"./chunk-VOXCJOHF.mjs";import{a as u,b as r,c as n}from"./chunk-PKC446O7.mjs";import{a as e}from"./chunk-INXP3MXO.mjs";import"./chunk-DI2Q7SWM.mjs";var I=Object.assign(o,{Root:o,Prefix:p,Suffix:t});export{I as InputGroup,u as InputGroupContext,e as useInputGroup,r as useInputGroupContext,n as useInputGroupContextOpt};

package/dist/input-group-context.d.mts

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import { useInputGroup } from './use-input-group.mjs';
+import '@jamsrui/utils';
+import './input-group-prefix.mjs';
+import './input-group-root.mjs';
+import './input-group-suffix.mjs';
+import './styles.mjs';
+
+declare const useInputGroupContext: () => InputGroupContext.Props;
+declare const useInputGroupContextOpt: () => InputGroupContext.Props | null;
+declare const InputGroupContext: react.Context<InputGroupContext.Props | null>;
+declare namespace InputGroupContext {
+    interface Props extends ReturnType<typeof useInputGroup> {
+    }
+}
+
+export { InputGroupContext, useInputGroupContext, useInputGroupContextOpt };

package/dist/input-group-context.mjs

@@ -0,0 +1 @@
+"use client";import{a,b,c}from"./chunk-PKC446O7.mjs";export{a as InputGroupContext,b as useInputGroupContext,c as useInputGroupContextOpt};

package/dist/input-group-prefix.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const InputGroupPrefix: (props: InputGroupPrefix.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace InputGroupPrefix {
+    interface Props extends UIProps<"div"> {
+    }
+}
+
+export { InputGroupPrefix };

package/dist/input-group-prefix.mjs

@@ -0,0 +1 @@
+"use client";import{a}from"./chunk-OA76GBK6.mjs";import"./chunk-PKC446O7.mjs";export{a as InputGroupPrefix};

package/dist/input-group-root.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const InputGroupRoot: (props: InputGroupRoot.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace InputGroupRoot {
+    interface Props extends UIProps<"div"> {
+    }
+}
+
+export { InputGroupRoot };

package/dist/input-group-root.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-VOXCJOHF.mjs";import"./chunk-PKC446O7.mjs";export{a as InputGroupRoot};

package/dist/input-group-suffix.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const InputGroupSuffix: (props: InputGroupSuffix.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace InputGroupSuffix {
+    interface Props extends UIProps<"div"> {
+    }
+}
+
+export { InputGroupSuffix };

package/dist/input-group-suffix.mjs

@@ -0,0 +1 @@
+"use client";import{a}from"./chunk-JC45OFBY.mjs";import"./chunk-PKC446O7.mjs";export{a as InputGroupSuffix};

package/dist/input-group.d.mts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { useInputGroup } from './use-input-group.mjs';
+import '@jamsrui/utils';
+import './input-group-prefix.mjs';
+import 'react';
+import './input-group-root.mjs';
+import './input-group-suffix.mjs';
+import './styles.mjs';
+
+declare const InputGroup: (props: InputGroup.Props) => react_jsx_runtime.JSX.Element;
+declare namespace InputGroup {
+    interface Props extends useInputGroup.Props {
+    }
+}
+
+export { InputGroup };

package/dist/input-group.mjs

@@ -0,0 +1 @@
+"use client";import{a}from"./chunk-HOCCJTBA.mjs";import"./chunk-VOXCJOHF.mjs";import"./chunk-PKC446O7.mjs";import"./chunk-INXP3MXO.mjs";import"./chunk-DI2Q7SWM.mjs";export{a as InputGroup};

package/dist/styles.d.mts

@@ -0,0 +1,95 @@
+import * as _jamsrui_utils from '@jamsrui/utils';
+import { VariantProps } from '@jamsrui/utils';
+
+declare const inputGroupVariants: _jamsrui_utils.TVReturnType<{
+    variant: {
+        bordered: {
+            root: string;
+        };
+        solid: {
+            root: string;
+        };
+    };
+    isInvalid: {
+        true: {
+            root: string;
+            input: string;
+        };
+    };
+    radius: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+        "2xl": {};
+        "3xl": {};
+        full: {};
+        none: {};
+    };
+}, {
+    root: string[];
+    prefix: string;
+    suffix: string;
+}, undefined, {
+    variant: {
+        bordered: {
+            root: string;
+        };
+        solid: {
+            root: string;
+        };
+    };
+    isInvalid: {
+        true: {
+            root: string;
+            input: string;
+        };
+    };
+    radius: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+        "2xl": {};
+        "3xl": {};
+        full: {};
+        none: {};
+    };
+}, {
+    root: string[];
+    prefix: string;
+    suffix: string;
+}, _jamsrui_utils.TVReturnType<{
+    variant: {
+        bordered: {
+            root: string;
+        };
+        solid: {
+            root: string;
+        };
+    };
+    isInvalid: {
+        true: {
+            root: string;
+            input: string;
+        };
+    };
+    radius: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+        "2xl": {};
+        "3xl": {};
+        full: {};
+        none: {};
+    };
+}, {
+    root: string[];
+    prefix: string;
+    suffix: string;
+}, undefined, unknown, unknown, undefined>>;
+type InputGroupVariantProps = VariantProps<typeof inputGroupVariants>;
+type InputGroupSlots = keyof ReturnType<typeof inputGroupVariants>;
+
+export { type InputGroupSlots, type InputGroupVariantProps, inputGroupVariants };

package/dist/styles.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-DI2Q7SWM.mjs";export{a as inputGroupVariants};

package/dist/use-input-group.d.mts

@@ -0,0 +1,19 @@
+import { PropGetter, UIProps } from '@jamsrui/utils';
+import { InputGroupPrefix } from './input-group-prefix.mjs';
+import { InputGroupRoot } from './input-group-root.mjs';
+import { InputGroupSuffix } from './input-group-suffix.mjs';
+import { InputGroupVariantProps } from './styles.mjs';
+import 'react';
+
+declare const useInputGroup: (props: useInputGroup.Props) => {
+    getRootProps: PropGetter<InputGroupRoot.Props>;
+    getPrefixProps: PropGetter<InputGroupPrefix.Props>;
+    getSuffixProps: PropGetter<InputGroupSuffix.Props>;
+    variantProps: Pick<useInputGroup.Props, "radius" | "isInvalid" | "variant">;
+};
+declare namespace useInputGroup {
+    interface Props extends UIProps<"div">, InputGroupVariantProps {
+    }
+}
+
+export { useInputGroup };

package/dist/use-input-group.mjs

@@ -0,0 +1 @@
+"use client";import{a}from"./chunk-INXP3MXO.mjs";import"./chunk-DI2Q7SWM.mjs";export{a as useInputGroup};

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@jamsrui/input-group",
+  "version": "0.0.2",
+  "peerDependencies": {
+    "react": ">=19"
+  },
+  "dependencies": {
+    "@jamsrui/core": "^0.0.11",
+    "@jamsrui/field-error": "^0.0.6",
+    "@jamsrui/description": "^0.0.6",
+    "@jamsrui/utils": "^0.0.13",
+    "@jamsrui/hooks": "^0.0.13",
+    "@jamsrui/label": "^0.0.6"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    }
+  },
+  "description": "A modern and beautiful Next.js UI components library.",
+  "keywords": [
+    "react",
+    "ui",
+    "UI components",
+    "Next.js",
+    "React",
+    "JamsrUI",
+    "jamsr-ui",
+    "TypeScript"
+  ],
+  "sideEffects": false,
+  "license": "MIT",
+  "author": "@jamsrworld",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jamsrworld/jamsr-ui"
+  },
+  "bugs": {
+    "url": "https://github.com/jamsrworld/jamsr-ui/issues"
+  },
+  "homepage": "https://jamsr-ui.jamsrworld.com",
+  "files": [
+    "dist",
+    "README",
+    "README.md",
+    "package.json",
+    "LICENSE"
+  ]
+}