@sikka/hawa 0.31.5-next → 0.31.6-next

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.
package/dist/index.js CHANGED
@@ -4875,22 +4875,56 @@ var Select = ({
4875
4875
  props.controlClassNames
4876
4876
  ),
4877
4877
  container: () => cn(
4878
- "hawa-rounded",
4879
- props.phoneCode && "hawa-w-fit hawa-min-w-[65px] hawa-text-right hawa-w-[100px] hawa-p-0 hawa-rounded-r-none hawa-h-[40px] ",
4878
+ "hawa-rounded ",
4879
+ props.phoneCode && "hawa-min-w-[65px] hawa-text-right hawa-w-[100px] hawa-p-0 hawa-rounded-r-none hawa-h-[40px] ",
4880
4880
  "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-0 hawa-px-1 hawa-text-sm",
4881
- props.disabled ? "hawa-cursor-not-allowed" : "hawa-cursor-pointer"
4881
+ props.disabled ? "hawa-cursor-not-allowed" : "hawa-cursor-pointer",
4882
+ props.isMulti && "hawa-ps-0 "
4882
4883
  ),
4883
4884
  placeholder: () => "hawa-text-muted-foreground hawa-cursor-pointer hawa-px-1",
4884
4885
  valueContainer: () => "hawa-text-foreground hawa-px-1 ",
4885
4886
  singleValue: () => "hawa-text-foreground",
4886
4887
  indicatorsContainer: () => cn(
4887
- "hawa-cursor-pointer hawa-text-muted-foreground",
4888
+ "hawa-cursor-pointer hawa-text-muted-foreground hawa-absolute hawa-end-0 hawa-top-[50%] hawa-bottom-[50%] ",
4888
4889
  props.hideIndicator ? "hawa-invisible" : "hawa-px-1"
4889
4890
  )
4890
4891
  },
4891
4892
  unstyled: true,
4892
4893
  autoFocus: true,
4893
- components: props.hideIndicator ? { Option, Menu: Menu2, IndicatorsContainer: () => null } : { Option, Menu: Menu2 },
4894
+ components: props.hideIndicator ? {
4895
+ Option,
4896
+ Menu: Menu2,
4897
+ IndicatorsContainer: () => null
4898
+ } : {
4899
+ Option,
4900
+ Menu: Menu2,
4901
+ // Control: (e) => (
4902
+ // <div
4903
+ // className={cn(e.className, "hawa-flex hawa-flex-row")}
4904
+ // {...e}
4905
+ // />
4906
+ // ),
4907
+ ValueContainer: (e) => /* @__PURE__ */ import_react29.default.createElement(
4908
+ "div",
4909
+ {
4910
+ className: cn(
4911
+ e.className,
4912
+ "hawa-gap-1 hawa-flex hawa-flex-row hawa-flex-wrap hawa-p-1"
4913
+ ),
4914
+ ...e
4915
+ }
4916
+ ),
4917
+ MultiValueContainer: (e) => /* @__PURE__ */ import_react29.default.createElement(
4918
+ "div",
4919
+ {
4920
+ className: cn(
4921
+ // e.className,
4922
+ "hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-flex hawa-flex-row"
4923
+ ),
4924
+ ...e
4925
+ }
4926
+ )
4927
+ },
4894
4928
  onChange: (newValue, action) => props.onChange(newValue, action),
4895
4929
  options: props.options,
4896
4930
  getOptionLabel: props.getOptionLabel,
package/dist/index.mjs CHANGED
@@ -4645,22 +4645,56 @@ var Select = ({
4645
4645
  props.controlClassNames
4646
4646
  ),
4647
4647
  container: () => cn(
4648
- "hawa-rounded",
4649
- props.phoneCode && "hawa-w-fit hawa-min-w-[65px] hawa-text-right hawa-w-[100px] hawa-p-0 hawa-rounded-r-none hawa-h-[40px] ",
4648
+ "hawa-rounded ",
4649
+ props.phoneCode && "hawa-min-w-[65px] hawa-text-right hawa-w-[100px] hawa-p-0 hawa-rounded-r-none hawa-h-[40px] ",
4650
4650
  "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-0 hawa-px-1 hawa-text-sm",
4651
- props.disabled ? "hawa-cursor-not-allowed" : "hawa-cursor-pointer"
4651
+ props.disabled ? "hawa-cursor-not-allowed" : "hawa-cursor-pointer",
4652
+ props.isMulti && "hawa-ps-0 "
4652
4653
  ),
4653
4654
  placeholder: () => "hawa-text-muted-foreground hawa-cursor-pointer hawa-px-1",
4654
4655
  valueContainer: () => "hawa-text-foreground hawa-px-1 ",
4655
4656
  singleValue: () => "hawa-text-foreground",
4656
4657
  indicatorsContainer: () => cn(
4657
- "hawa-cursor-pointer hawa-text-muted-foreground",
4658
+ "hawa-cursor-pointer hawa-text-muted-foreground hawa-absolute hawa-end-0 hawa-top-[50%] hawa-bottom-[50%] ",
4658
4659
  props.hideIndicator ? "hawa-invisible" : "hawa-px-1"
4659
4660
  )
4660
4661
  },
4661
4662
  unstyled: true,
4662
4663
  autoFocus: true,
4663
- components: props.hideIndicator ? { Option, Menu: Menu2, IndicatorsContainer: () => null } : { Option, Menu: Menu2 },
4664
+ components: props.hideIndicator ? {
4665
+ Option,
4666
+ Menu: Menu2,
4667
+ IndicatorsContainer: () => null
4668
+ } : {
4669
+ Option,
4670
+ Menu: Menu2,
4671
+ // Control: (e) => (
4672
+ // <div
4673
+ // className={cn(e.className, "hawa-flex hawa-flex-row")}
4674
+ // {...e}
4675
+ // />
4676
+ // ),
4677
+ ValueContainer: (e) => /* @__PURE__ */ React41.createElement(
4678
+ "div",
4679
+ {
4680
+ className: cn(
4681
+ e.className,
4682
+ "hawa-gap-1 hawa-flex hawa-flex-row hawa-flex-wrap hawa-p-1"
4683
+ ),
4684
+ ...e
4685
+ }
4686
+ ),
4687
+ MultiValueContainer: (e) => /* @__PURE__ */ React41.createElement(
4688
+ "div",
4689
+ {
4690
+ className: cn(
4691
+ // e.className,
4692
+ "hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-flex hawa-flex-row"
4693
+ ),
4694
+ ...e
4695
+ }
4696
+ )
4697
+ },
4664
4698
  onChange: (newValue, action) => props.onChange(newValue, action),
4665
4699
  options: props.options,
4666
4700
  getOptionLabel: props.getOptionLabel,
@@ -1975,22 +1975,56 @@ var Select = ({
1975
1975
  props.controlClassNames
1976
1976
  ),
1977
1977
  container: () => cn(
1978
- "hawa-rounded",
1979
- props.phoneCode && "hawa-w-fit hawa-min-w-[65px] hawa-text-right hawa-w-[100px] hawa-p-0 hawa-rounded-r-none hawa-h-[40px] ",
1978
+ "hawa-rounded ",
1979
+ props.phoneCode && "hawa-min-w-[65px] hawa-text-right hawa-w-[100px] hawa-p-0 hawa-rounded-r-none hawa-h-[40px] ",
1980
1980
  "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-0 hawa-px-1 hawa-text-sm",
1981
- props.disabled ? "hawa-cursor-not-allowed" : "hawa-cursor-pointer"
1981
+ props.disabled ? "hawa-cursor-not-allowed" : "hawa-cursor-pointer",
1982
+ props.isMulti && "hawa-ps-0 "
1982
1983
  ),
1983
1984
  placeholder: () => "hawa-text-muted-foreground hawa-cursor-pointer hawa-px-1",
1984
1985
  valueContainer: () => "hawa-text-foreground hawa-px-1 ",
1985
1986
  singleValue: () => "hawa-text-foreground",
1986
1987
  indicatorsContainer: () => cn(
1987
- "hawa-cursor-pointer hawa-text-muted-foreground",
1988
+ "hawa-cursor-pointer hawa-text-muted-foreground hawa-absolute hawa-end-0 hawa-top-[50%] hawa-bottom-[50%] ",
1988
1989
  props.hideIndicator ? "hawa-invisible" : "hawa-px-1"
1989
1990
  )
1990
1991
  },
1991
1992
  unstyled: true,
1992
1993
  autoFocus: true,
1993
- components: props.hideIndicator ? { Option, Menu, IndicatorsContainer: () => null } : { Option, Menu },
1994
+ components: props.hideIndicator ? {
1995
+ Option,
1996
+ Menu,
1997
+ IndicatorsContainer: () => null
1998
+ } : {
1999
+ Option,
2000
+ Menu,
2001
+ // Control: (e) => (
2002
+ // <div
2003
+ // className={cn(e.className, "hawa-flex hawa-flex-row")}
2004
+ // {...e}
2005
+ // />
2006
+ // ),
2007
+ ValueContainer: (e) => /* @__PURE__ */ import_react3.default.createElement(
2008
+ "div",
2009
+ {
2010
+ className: cn(
2011
+ e.className,
2012
+ "hawa-gap-1 hawa-flex hawa-flex-row hawa-flex-wrap hawa-p-1"
2013
+ ),
2014
+ ...e
2015
+ }
2016
+ ),
2017
+ MultiValueContainer: (e) => /* @__PURE__ */ import_react3.default.createElement(
2018
+ "div",
2019
+ {
2020
+ className: cn(
2021
+ // e.className,
2022
+ "hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-flex hawa-flex-row"
2023
+ ),
2024
+ ...e
2025
+ }
2026
+ )
2027
+ },
1994
2028
  onChange: (newValue, action) => props.onChange(newValue, action),
1995
2029
  options: props.options,
1996
2030
  getOptionLabel: props.getOptionLabel,