@uoguelph/react-components 1.4.7 → 1.4.8

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.
@@ -1,10 +1,10 @@
1
1
  import { ListboxOptionProps } from '@headlessui/react';
2
2
  import { ElementType } from 'react';
3
- export type SelectOptionProps<T extends ElementType> = ListboxOptionProps<T> & {
3
+ export type SelectOptionProps<TTag extends ElementType, TType> = ListboxOptionProps<TTag, TType> & {
4
4
  /** Additional classes to apply to the component. */
5
5
  className?: string;
6
6
  };
7
- export declare function SelectOption<T extends ElementType>({ children, className, ...rest }: SelectOptionProps<T>): import("react/jsx-runtime").JSX.Element;
7
+ export declare function SelectOption<TTag extends ElementType, TType>({ children, className, ...rest }: SelectOptionProps<TTag, TType>): import("react/jsx-runtime").JSX.Element;
8
8
  export declare namespace SelectOption {
9
9
  var displayName: string;
10
10
  }
@@ -1,5 +1,10 @@
1
1
  import { ListboxProps } from '@headlessui/react';
2
- export declare function Select({ children, ...rest }: ListboxProps<'div'>): import("react/jsx-runtime").JSX.Element;
2
+ import { ElementType } from 'react';
3
+ export type SelectProps<TTag extends ElementType, TType, TActualType> = ListboxProps<TTag, TType, TActualType> & {
4
+ /** Additional classes to apply to the component. */
5
+ className?: string;
6
+ };
7
+ export declare function Select<TTag extends ElementType, TType, TActualType>({ children, className, value, ...rest }: SelectProps<TTag, TType, TActualType>): import("react/jsx-runtime").JSX.Element;
3
8
  export declare namespace Select {
4
9
  var displayName: string;
5
10
  }
@@ -5,7 +5,11 @@ import { FontAwesomeIcon as b } from "@fortawesome/react-fontawesome";
5
5
  import { ListboxOption as u } from "@headlessui/react";
6
6
  import { twMerge as x } from "tailwind-merge";
7
7
  import { tv as d } from "tailwind-variants";
8
- function v({ children: e, className: r, ...i }) {
8
+ function v({
9
+ children: e,
10
+ className: r,
11
+ ...i
12
+ }) {
9
13
  const n = d({
10
14
  slots: {
11
15
  option: [
package/dist/select.js CHANGED
@@ -1,16 +1,22 @@
1
1
  "use client";
2
- import { jsx as o } from "react/jsx-runtime";
3
- import { Listbox as r } from "@headlessui/react";
4
- import { SelectButton as s } from "./select-button.js";
5
- import { SelectOption as n } from "./select-option.js";
6
- import { SelectOptions as a } from "./select-options.js";
7
- function l({ children: e, ...t }) {
8
- return /* @__PURE__ */ o(r, { className: "uofg-select group relative w-full", ...t, as: "div", children: e });
2
+ import { jsx as l } from "react/jsx-runtime";
3
+ import { Listbox as m } from "@headlessui/react";
4
+ import { twMerge as p } from "tailwind-merge";
5
+ import { SelectButton as x } from "./select-button.js";
6
+ import { SelectOption as S } from "./select-option.js";
7
+ import { SelectOptions as w } from "./select-options.js";
8
+ function i({
9
+ children: e,
10
+ className: t,
11
+ value: o,
12
+ ...r
13
+ }) {
14
+ return /* @__PURE__ */ l(m, { value: o, className: p("uofg-select group relative w-full", t), ...r, children: e });
9
15
  }
10
- l.displayName = "Select";
16
+ i.displayName = "Select";
11
17
  export {
12
- l as Select,
13
- s as SelectButton,
14
- n as SelectOption,
15
- a as SelectOptions
18
+ i as Select,
19
+ x as SelectButton,
20
+ S as SelectOption,
21
+ w as SelectOptions
16
22
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uoguelph/react-components",
3
- "version": "1.4.7",
3
+ "version": "1.4.8",
4
4
  "description": "University of Guelph React Components Library",
5
5
  "type": "module",
6
6
  "scripts": {
@@ -76,5 +76,5 @@
76
76
  "bugs": {
77
77
  "url": "https://github.com/ccswbs/uofg-components/issues"
78
78
  },
79
- "gitHead": "28bdb17542f2550199ee4cc7f348ba470a85dc9c"
79
+ "gitHead": "37ebdd7d49065ffdb5a2f2d11085078cee5335e7"
80
80
  }