@jamsrui/divider 0.0.12 → 0.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,24 @@
1
+ import * as react from 'react';
2
+ import { PropGetter, UIProps, SlotsToClassNames } from '@jamsrui/utils';
3
+ import { DividerVariants, DividerSlots } from './styles.mjs';
4
+
5
+ declare const useDivider: (props: useDivider.Props) => {
6
+ getRootProps: PropGetter<Divider.Props>;
7
+ getDividerProps: PropGetter<Divider.Props>;
8
+ };
9
+ declare namespace useDivider {
10
+ interface Props extends UIProps<"div">, DividerVariants {
11
+ classNames?: SlotsToClassNames<DividerSlots>;
12
+ slotProps?: {
13
+ divider?: UIProps<"div">;
14
+ };
15
+ }
16
+ }
17
+
18
+ declare const Divider: (props: Divider.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
19
+ declare namespace Divider {
20
+ interface Props extends useDivider.Props {
21
+ }
22
+ }
23
+
24
+ export { Divider as D, useDivider as u };
@@ -1,8 +1,9 @@
1
- import { Divider } from './divider.mjs';
1
+ import { D as Divider } from './divider-BUg5mM_F.mjs';
2
2
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
3
  import { GlobalConfigProps } from '@jamsrui/core';
4
4
  import 'react';
5
5
  import '@jamsrui/utils';
6
+ import './styles.mjs';
6
7
 
7
8
  declare const useDividerConfig: () => DividerConfig.Props;
8
9
  declare const DividerConfig: (props: Omit<Partial<DividerConfig.Props>, "children"> & {
@@ -1 +1 @@
1
- import{a,b}from"./chunk-NU7HNFTG.mjs";export{a as DividerConfig,b as useDividerConfig};
1
+ import{createConfigContext as i}from"@jamsrui/utils";const[r,e]=i({displayName:"DividerConfig"});export{r as DividerConfig,e as useDividerConfig};
@@ -1,10 +1,4 @@
1
- import * as react from 'react';
2
- import { UIProps } from '@jamsrui/utils';
3
-
4
- declare const Divider: (props: Divider.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
5
- declare namespace Divider {
6
- interface Props extends UIProps<"div"> {
7
- }
8
- }
9
-
10
- export { Divider };
1
+ import 'react';
2
+ export { D as Divider } from './divider-BUg5mM_F.mjs';
3
+ import '@jamsrui/utils';
4
+ import './styles.mjs';
package/dist/divider.mjs CHANGED
@@ -1 +1 @@
1
- import{a}from"./chunk-UV3A7TS3.mjs";import"./chunk-NU7HNFTG.mjs";import"./chunk-TDLODDWO.mjs";import"./chunk-Z2CHDTGH.mjs";export{a as Divider};
1
+ import{Fragment as t,jsx as n,jsxs as s}from"react/jsx-runtime";import{useRenderElement as v}from"@jamsrui/hooks";import{mergeConfigProps as f}from"@jamsrui/utils";import{useDividerConfig as g}from"./divider-config.mjs";import{useDivider as D}from"./use-divider.mjs";const C=e=>{const r=g(),d=f(r,r,e),p=D(d),{getRootProps:c,getDividerProps:o}=p,{children:i}=e,m=s(t,{children:[n("div",{...o({})}),!!i&&s(t,{children:[i,n("div",{...o({})})]})]});return v("div",{props:[c({}),{children:m}]})};export{C as Divider};
package/dist/index.d.mts CHANGED
@@ -1,6 +1,7 @@
1
- export { Divider } from './divider.mjs';
1
+ export { D as Divider } from './divider-BUg5mM_F.mjs';
2
2
  export { DividerConfig, useDividerConfig } from './divider-config.mjs';
3
3
  import 'react';
4
4
  import '@jamsrui/utils';
5
+ import './styles.mjs';
5
6
  import 'react/jsx-runtime';
6
7
  import '@jamsrui/core';
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- "use client";import{a as r}from"./chunk-UV3A7TS3.mjs";import{a as i,b as e}from"./chunk-NU7HNFTG.mjs";import"./chunk-TDLODDWO.mjs";import"./chunk-Z2CHDTGH.mjs";export{r as Divider,i as DividerConfig,e as useDividerConfig};
1
+ "use client";import{Divider as r}from"./divider.mjs";import{DividerConfig as f,useDividerConfig as d}from"./divider-config.mjs";export{r as Divider,f as DividerConfig,d as useDividerConfig};
package/dist/styles.mjs CHANGED
@@ -1 +1 @@
1
- import{a}from"./chunk-Z2CHDTGH.mjs";export{a as dividerVariants};
1
+ import{tv as i}from"@jamsrui/utils";const t=i({slots:{root:"flex items-center gap-2",divider:""},variants:{orientation:{vertical:{root:"flex-col",divider:"h-full w-px"},horizontal:{divider:"h-px w-full"}},variant:{light:{divider:"bg-divider-light"},dark:{divider:"bg-divider-dark"},default:{divider:"bg-divider"},gradient:{divider:"from-transparent via-[#989AA6]/50 to-transparent"}}},compoundVariants:[{orientation:"horizontal",variant:"gradient",className:{divider:"bg-linear-to-r"}},{orientation:"vertical",variant:"gradient",className:{divider:"bg-linear-to-b"}}],defaultVariants:{variant:"default",orientation:"horizontal",color:"default"}});export{t as dividerVariants};
@@ -1,19 +1,4 @@
1
- import { PropGetter, UIProps, SlotsToClassNames } from '@jamsrui/utils';
2
- import { Divider } from './divider.mjs';
3
- import { DividerVariants, DividerSlots } from './styles.mjs';
1
+ import '@jamsrui/utils';
2
+ export { u as useDivider } from './divider-BUg5mM_F.mjs';
3
+ import './styles.mjs';
4
4
  import 'react';
5
-
6
- declare const useDivider: (props: useDivider.Props) => {
7
- getRootProps: PropGetter<Divider.Props>;
8
- getDividerProps: PropGetter<Divider.Props>;
9
- };
10
- declare namespace useDivider {
11
- interface Props extends UIProps<"div">, DividerVariants {
12
- classNames?: SlotsToClassNames<DividerSlots>;
13
- slotProps?: {
14
- divider?: UIProps<"div">;
15
- };
16
- }
17
- }
18
-
19
- export { useDivider };
@@ -1 +1 @@
1
- import{a}from"./chunk-TDLODDWO.mjs";import"./chunk-Z2CHDTGH.mjs";export{a as useDivider};
1
+ import{useCallback as d,useMemo as n}from"react";import{cn as p,dataAttrDev as P,mapPropsVariants as D,mergeProps as N}from"@jamsrui/utils";import{dividerVariants as m}from"./styles.mjs";const x=v=>{const[l,c]=D(v,m.variantKeys),r=m(c),{classNames:s,slotProps:e,...o}=l,i=d(()=>({...o,"data-component":P("divider"),"data-slot":"root",className:r.root({className:p(s?.root,o.className)})}),[s?.root,o,r]),t=d(a=>({...N(e?.divider,a),"data-slot":"divider",className:r.divider({className:p(e?.divider?.className,s?.divider,a.className)})}),[s?.divider,e?.divider,r]);return n(()=>({getRootProps:i,getDividerProps:t}),[i,t])};export{x as useDivider};
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@jamsrui/divider",
3
- "version": "0.0.12",
3
+ "version": "0.0.14",
4
4
  "peerDependencies": {
5
5
  "react": ">=19"
6
6
  },
7
7
  "dependencies": {
8
- "@jamsrui/hooks": "^0.0.12",
9
- "@jamsrui/utils": "^0.0.12",
10
- "@jamsrui/core": "^0.0.10"
8
+ "@jamsrui/hooks": "^0.0.14",
9
+ "@jamsrui/core": "^0.0.12",
10
+ "@jamsrui/utils": "^0.0.14"
11
11
  },
12
12
  "exports": {
13
13
  ".": {
@@ -1 +0,0 @@
1
- import{createConfigContext as i}from"@jamsrui/utils";var[r,e]=i({displayName:"DividerConfig"});export{r as a,e as b};
@@ -1 +0,0 @@
1
- import{a as i}from"./chunk-Z2CHDTGH.mjs";import{useCallback as p,useMemo as n}from"react";import{cn as m,dataAttrDev as P,mapPropsVariants as D,mergeProps as N}from"@jamsrui/utils";var x=v=>{let[l,c]=D(v,i.variantKeys),r=i(c),{classNames:s,slotProps:e,...o}=l,t=p(()=>({...o,"data-component":P("divider"),"data-slot":"root",className:r.root({className:m(s?.root,o.className)})}),[s?.root,o,r]),a=p(d=>({...N(e?.divider,d),"data-slot":"divider",className:r.divider({className:m(e?.divider?.className,s?.divider,d.className)})}),[s?.divider,e?.divider,r]);return n(()=>({getRootProps:t,getDividerProps:a}),[t,a])};export{x as a};
@@ -1 +0,0 @@
1
- import{b as t}from"./chunk-NU7HNFTG.mjs";import{a as n}from"./chunk-TDLODDWO.mjs";import{useRenderElement as P}from"@jamsrui/hooks";import{mergeConfigProps as g}from"@jamsrui/utils";import{Fragment as d,jsx as s,jsxs as p}from"react/jsx-runtime";var h=e=>{let r=t(),m=g(r,r,e),c=n(m),{getRootProps:v,getDividerProps:o}=c,{children:i}=e,f=p(d,{children:[s("div",{...o({})}),!!i&&p(d,{children:[i,s("div",{...o({})})]})]});return P("div",{props:[v({}),{children:f}]})};export{h as a};
@@ -1 +0,0 @@
1
- import{tv as i}from"@jamsrui/utils";var t=i({slots:{root:"flex items-center gap-2",divider:""},variants:{orientation:{vertical:{root:"flex-col",divider:"h-full w-px"},horizontal:{divider:"h-px w-full"}},variant:{light:{divider:"bg-divider-light"},dark:{divider:"bg-divider-dark"},default:{divider:"bg-divider"},gradient:{divider:"from-transparent via-[#989AA6]/50 to-transparent"}}},compoundVariants:[{orientation:"horizontal",variant:"gradient",className:{divider:"bg-linear-to-r"}},{orientation:"vertical",variant:"gradient",className:{divider:"bg-linear-to-b"}}],defaultVariants:{variant:"default",orientation:"horizontal",color:"default"}});export{t as a};